Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Плавная прокрутка на сайте. (https://javascript.ru/forum/jquery/58703-plavnaya-prokrutka-na-sajjte.html)

xTODx 06.10.2015 09:45

Плавная прокрутка на сайте.
 
Всем привет, нужно сделать плавный скроллинг
Вот, попытка была
$(document).bind( 'mousewheel', function (e) { 
    var nt = $(document).scrollTop()+200;
    e.preventDefault(); 
    e.stopPropagation(); 
    $('body').animate({scrollTop: nt}, 300);
} );

Но, 1) как определить в какую сторону крутиться колёсико?
2) всё-равно дёргано как-то.
Как пример плавности хочу скинуть этот сайт

krasovsky 06.10.2015 13:36

jquery mousewheel :)
если конечно не стоит задачи написать свой велосипед

xTODx 06.10.2015 22:10

обычно пишу своё, но попробую найти то, что вы подсказали

xTODx 06.10.2015 22:20

можно ссылочку? а то не найду что-то то, что нужно

рони 06.10.2015 22:31

Цитата:

Сообщение от xTODx
как определить в какую сторону крутиться колёсико?

http://javascript.ru/forum/jquery/39...tml#post259654

рони 06.10.2015 22:33

xTODx,
:-?
https://github.com/jquery/jquery-mousewheel

xTODx 06.10.2015 23:01

всё-равно дёрганно вышло как-то(
$(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();
 		});
     
});

рони 06.10.2015 23:13

xTODx,
ждут когда перестают крутить колёсико тогда включают плавную прокрутку.

xTODx 06.10.2015 23:19

так-же пытался свой велосипед сделать

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 07.10.2015 08:43

мне то и надо, чтобы плавно крутилось колёсиком)


Часовой пояс GMT +3, время: 08:42.