平滑鼠标滚轮滚动

Smooth mouse wheel scrolling

本文关键字：滚动 鼠标 平滑      更新时间：2023-09-26

我使用chrome，滚动很快，但不平滑。文本多次跳转。但在这个网站上http://www.if-not-true-then-false.com/卷轴的工作非常流畅！而且速度快！http://bassta.bg/demos/smooth-page-scroll/这个滚动是平滑的，但非常缓慢和滞后（快速安装轮不会改变滚动屏幕的速度）这个网站怎么会有这样流畅的滚动？我找不到它（

试试这个

<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>

首先使用#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>
相关文章：