Javascript 在浏览器间平滑滚动?
如何在浏览器间平滑滚动?我尝试了很多东西,但似乎没有任何效果。。。这是我目前使用的身体Javascript 在浏览器间平滑滚动?,javascript,jquery,css,Javascript,Jquery,Css,如何在浏览器间平滑滚动?我尝试了很多东西,但似乎没有任何效果。。。这是我目前使用的身体 body { color: #4A4A4A; background-color: #191E25; font-family: 'arial'; arial, sans-serif; font-size: 1em; line-height: 150%; text-align: center; -webkit-text-size-adjust: none
body {
color: #4A4A4A;
background-color: #191E25;
font-family: 'arial'; arial, sans-serif;
font-size: 1em;
line-height: 150%;
text-align: center;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
overflow-y: auto; overflow-x: hidden;
}
我找到的所有东西都是视差滚动插件,或者是带导航的单页网站的滚动插件。但我只希望整个网站在不同浏览器间平滑滚动。有什么想法吗 我个人使用。它提供了大量的定制和良好的降级。只需将此添加到您的页面:
<script>
$(document).ready(function() {
$("body").niceScroll();
});
</script>
$(文档).ready(函数(){
$(“body”).nicesroll();
});
我不想使用插件,因为仅仅使用css无法实现跨平台的平滑滚动。我所知道的唯一一个css就是——webkit溢出滚动:触摸;您已经在使用它,但正如您所知,它在许多浏览器中都不起作用。唯一的解决方案是javascript,最简单的解决方案是使用插件。