html - 使用 scrollme js 脚本时，它会在手机上从左到右滚动

Question

您好，当使用 scrollme 脚本时，我在手机上查看时会从左到右滚动。

您可以在此处查看脚本:

http://scrollme.nckprsn.com/

我已经在主体上使用了 overflow-x:hidden 但它仍然提供从左到右的滚动效果。

这是正文CSS:

body{
    width:100%;
    top:0;
    bottom:0;
    padding:0;
    margin:0;
    background-color:#f6f6f6;
    font-family: 'Lato', sans-serif;
    letter-spacing:1px;
    color:#727272;
    overflow-x:hidden;
}

我已经尝试了所有我能想到的方法，但滚动效果并没有消失。

如果有人能提供一些帮助，我将不胜感激。

谢谢

Answer 1

试试这个:

Overflow-x:hidden doesn't prevent content from overflowing in mobile browsers

Creating a site wrapper div inside the body and applying the overflow-x:hidden to the wrapper INSTEAD of the body or html fixed the issue.

It appears that browsers that parse the tag simply ignore overflow attributes on the html and body tags.