<body>中写入overflow-x: hidden; overflow-y: hidden;后 100
横竖的滚动条是隐藏了，但是在360，QQ等浏览器中会导致页面无法拖动，只有在谷歌浏览器中能正常浏览。请问是什么问题？是否有更好的办法在不影响浏览的情况下隐藏垂直的滚动条？...
横竖的滚动条是隐藏了，但是在360，QQ等浏览器中会导致页面无法拖动，只有在谷歌浏览器中能正常浏览。请问是什么问题？是否有更好的办法在不影响浏览的情况下隐藏垂直的滚动条？
展开
展开全部
因为360浏览器和qq浏览器可能使用了IE内核，导致overflow-y设置成hidden之后页面无法正常滚动。
这个时候你可以试试这个方法：
不要在body里面加overflow属性，改成在<html>里面加IE、chrome和Firefox各自的专属滚动条属性：
<html>
<head>
<style>
html {
-ms-overflow-style:none;
overflow:-moz-scrollbars-none;
}
html::-webkit-scrollbar{width:0px}
</style>
<body>
<div style="height:1000px;background-color:gold">
top
</div>
<div style="height:200px;background-color:silver">
bottom
</div>
</body>
</html>
这样的话在IE里应该可以隐藏滚动条，而且不影响页面滚动。
这些技巧在国内基本上找不到，国内码农都比较懒，知道方法的人都懒得分享，希望楼主采纳我的答案，同时也希望楼主多看看国外的技术网站。
谢谢！
这个时候你可以试试这个方法：
不要在body里面加overflow属性，改成在<html>里面加IE、chrome和Firefox各自的专属滚动条属性：
<html>
<head>
<style>
html {
-ms-overflow-style:none;
overflow:-moz-scrollbars-none;
}
html::-webkit-scrollbar{width:0px}
</style>
<body>
<div style="height:1000px;background-color:gold">
top
</div>
<div style="height:200px;background-color:silver">
bottom
</div>
</body>
</html>
这样的话在IE里应该可以隐藏滚动条，而且不影响页面滚动。
这些技巧在国内基本上找不到，国内码农都比较懒，知道方法的人都懒得分享，希望楼主采纳我的答案，同时也希望楼主多看看国外的技术网站。
谢谢！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
