i found a really useful javascript.. here
$(document).ready(function () {
$('body').mousedown(function (event) {
$(this)
.data('down', true)
.data('x', event.clientX)
.data('scrollLeft', this.scrollLeft);
return false;
}).mouseup(function (event) {
$(this).data('down', false);
}).mousemove(function (event) {
if ($(this).data('down') == true) {
this.scrollLeft = $(this).data('scrollLeft') + $(this).data('x') - event.clientX;
}
})
});
$(window).mouseout(function (event) {
if ($('body').data('down')) {
try {
if (event.originalTarget.nodeName == 'BODY' || event.originalTarget.nodeName == 'HTML') {
$('body').data('down', false);
}
} catch (e) {}
}
});
Jsfiddle
it like an iphone scroller but without animation effect. so can i know how to make it animated.. Jsfiddle will be great.