[英]Smooth mouse wheel scrolling
I use chrome and scrolling is fast but its dont smooth. 我使用chrome,滚动速度很快,但是滚动不流畅。 Text jumps multiple times. 文本跳转多次。 But on this site http://www.if-not-true-then-false.com/ scroll works very smooth! 但是,在此网站上, http: //www.if-not-true-then-false.com/滚动效果非常流畅! And FAST! 而且快! http://bassta.bg/demos/smooth-page-scroll/ This scroll is smooth but very sloow and lagga (fast mount wheel dont change speed of scroll screen) How this site have this smooth scroll? http://bassta.bg/demos/smooth-page-scroll/此滚动条很平滑,但是却很不流畅和滞后(快速安装轮不会改变滚动屏的速度),这个站点如何平滑滚动? I cant find it( 我找不到(
try this one 试试这个
<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>
First make a link with #top link then try the following code try this 首先使用#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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.