Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在浏览器间平滑滚动?_Javascript_Jquery_Css - Fatal编程技术网

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,最简单的解决方案是使用插件。