跨浏览器平滑滚动?

用户名

如何使浏览器之间的滚动平滑?我已经尝试了很多东西,但似乎没有任何作用...这是我目前用于身体的东西

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

我发现的所有内容都是用于视差滚动或带有导航的一页网站滚动的插件。但是,我只希望跨浏览器对整个站点进行平滑滚动。有任何想法吗?

用户名

我个人使用jquery.nicescroll它提供了很多自定义功能,并且降级得很好。只需将其添加到您的页面即可:

<script>
    $(document).ready(function() {
        $("body").niceScroll();
    });
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

设置页面滚动跨浏览器

来自分类Dev

设置页面滚动跨浏览器

来自分类Dev

jQuery平滑滚动浏览器不在Internet Explorer中

来自分类Dev

jQuery Parallax的跨浏览器滚动问题

来自分类Dev

自定义滚动条跨浏览器

来自分类Dev

浏览器同步滚动无法跨浏览器工作

来自分类Dev

跨浏览器登录?

来自分类Dev

跨浏览器问题?

来自分类Dev

GetUserMedia跨浏览器?

来自分类Dev

在所有浏览器中为我的网站启用平滑滚动

来自分类Dev

谷歌浏览器更新后断断续续的平滑滚动

来自分类Dev

浏览器抗锯齿(平滑线)

来自分类Dev

跨浏览器jQuery滚动条通过body标签运行

来自分类Dev

跨浏览器解决方案,用于禁用/启用滚动

来自分类Dev

跨浏览器解决方案,仅使用CSS限制水平滚动宽度

来自分类Dev

如何在不破坏功能的情况下隐藏跨浏览器的滚动条

来自分类Dev

在div跨浏览器中隐藏滚动条而不破坏溢出文本

来自分类Dev

Chrome中的跨浏览器实例

来自分类Dev

跨浏览器图例居中

来自分类Dev

Error.stackTraceLimit跨浏览器

来自分类Dev

跨浏览器功能标识

来自分类Dev

跨浏览器可编辑跨度

来自分类Dev

跨浏览器图像预览效果

来自分类Dev

HTML / CSS的跨浏览器优化

来自分类Dev

跨浏览器字体大小

来自分类Dev

跨浏览器差异被阻止

来自分类Dev

跨浏览器CSS Transistion

来自分类Dev

HTML / CSS的跨浏览器优化

来自分类Dev

跨浏览器的文本倒置