Question

我使用chrome并且滚动速度很快但是它不光滑。文本多次跳转。但是在这个网站上http://www.if-not-true-then-false.com/滚动非常流畅！而且快！ http://bassta.bg/demos/smooth-page-scroll/这个卷轴很流畅，但非常邋and和lagga（快速安装轮不会改变滚动屏幕的速度）这个网站如何顺利滚动？我找不到它（

Answer 1

尝试这个

<script type="text/javascript">
if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;

function wheel(event) {
    var delta = 0;
    if (event.wheelDelta) delta = event.wheelDelta / 120;
    else if (event.detail) delta = -event.detail / 3;

    handle(delta);
    if (event.preventDefault) event.preventDefault();
    event.returnValue = false;
}

function handle(delta) {
    var time = 1000;
    var distance = 300;

    $('html, body').stop().animate({
        scrollTop: $(window).scrollTop() - (distance * delta)
    }, time );
}
</script>

Answer 2

首先使用#top链接建立链接，然后尝试以下代码试试这个

<script type="text/javascript">
$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, 1000);//here you can specify your time for smooth operation
  return false;
});
</script>

平滑的鼠标滚轮滚动

2 个答案: