Плавная прокрутка на сайте.
Всем привет, нужно сделать плавный скроллинг
Вот, попытка была
$(document).bind( 'mousewheel', function (e) {
var nt = $(document).scrollTop()+200;
e.preventDefault();
e.stopPropagation();
$('body').animate({scrollTop: nt}, 300);
} );
Но, 1) как определить в какую сторону крутиться колёсико? 2) всё-равно дёргано как-то. Как пример плавности хочу скинуть этот сайт |
jquery mousewheel :)
если конечно не стоит задачи написать свой велосипед |
обычно пишу своё, но попробую найти то, что вы подсказали
|
можно ссылочку? а то не найду что-то то, что нужно
|
Цитата:
|
|
всё-равно дёрганно вышло как-то(
$(document).ready(function(){
var margintop = 0;
$('body').mousewheel( function (event, delta)
{
if ( delta > 0 ){
margintop -= 200;
$('body').animate({scrollTop: margintop},200);
}
else if ( delta < 0 ){
margintop+=200;
$('body').animate({scrollTop: margintop},200);
} event.stopPropagation();
event.preventDefault();
});
});
|
xTODx,
ждут когда перестают крутить колёсико тогда включают плавную прокрутку. |
так-же пытался свой велосипед сделать
var scrl = 0;
var tr = false;
$(document).ready(function() {
$(document).scrollTop(0);
});
$(document).scroll(function(e){
nscrl = $(document).scrollTop();
if(!tr){
tr = true;
if(scrl <= nscrl){
$('body').animate({scrollTop: scrl+100},10,function(){tr = false});
}else{
$('body').animate({scrollTop: scrl-100},10,function(){tr = false})
}
}
scrl = nscrl;
});
|
мне то и надо, чтобы плавно крутилось колёсиком)
|
| Часовой пояс GMT +3, время: 03:34. |