为什么滚动行为不能在我的手机上工作？

提问者：小点点

我在CSS中添加了scroll-behavior属性，但它只在谷歌chrome工具上工作，该工具允许我像在手机上一样查看我的网站。当我在我的实际手机上加载我的网站时，没有滑动效果。知道吗？

CSS:

html, body {
    height: 100%;
    overflow: hidden;
    scroll-behavior: smooth;
}

HTML:

<a href="#more" class="more"><i class="fa fa-chevron-down"></i></a>

另外，它将URL更改为localhost.more，这很烦人，因为当我刷新页面时，它将我保留在“more”部分。你知道怎么解决这个吗？

共1个答案

匿名用户

正如您已经注意到的，Safari不支持scroll-behavior CSS属性（请参阅此处）。您需要一些JavaScript来在不同的浏览器上实现相同的效果。你可能会在这里找到一个例子。