Плавная прокрутка на сайте.
Всем привет, нужно сделать плавный скроллинг
Вот, попытка была $(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; }); |
мне то и надо, чтобы плавно крутилось колёсиком)
|
xTODx,
вариант без плагина jquery-mousewheel $(function() { $(document).on('mousewheel', function(event) { var top = $(window).scrollTop() - (event.originalEvent.wheelDelta ); event.preventDefault(); $('html, body').stop().animate({ scrollTop: top }, 800); }) }) http://javascript.ru/forum/events/51...tml#post341835 |
спасибо, вроде лучше трошки, Пример вот.
|
xTODx,
в теге ссылки [ добавьте |
извиняюсь)
|
Часовой пояс GMT +3, время: 13:56. |