在浏览器之间平滑滚动
Smooth scrolling across browsers?
如何在浏览器间平滑滚动?我试过很多东西,但似乎都不起作用。。。这是我目前使用的机身
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>
相关文章:
- Safari(Mac OS)上的jQuery平滑滚动问题
- jquery平滑滚动问题
- javascript mootools平滑滚动'x'像素数量
- jQuery平滑滚动
- jQuery平滑滚动未滚动
- 更新Wordpress和我的平滑滚动停止工作
- 具有子菜单和平滑滚动的粘性导航
- 平滑滚动&懒惰
- 平滑滚动时更改 ID 的颜色
- 使用 jQuery 在滚动时平滑过渡图像
- 使用我的基于标签的平滑滚动脚本而不带“a”的解决方案
- 调整平滑滚动代码
- 使用 window.scrollBy) 平滑滚动
- 平滑滚动代码
- 如何在ng视图中进行页面渲染后的平滑滚动
- 如何使用requestAnimationFrame实现平滑滚动
- 如何由于浏览器的平滑滚动而忽略大量滚动事件
- Javascript-使用鼠标滚轮进行平滑视差滚动
- 使用普通JavaScript平滑滚动到元素
- 平滑滚动并突出显示导航问题