Html 在不使用溢出的情况下删除移动设备上的垂直滚动
有没有一种方法可以在不使用溢出的情况下删除网页移动视图上的小垂直滚动条 我知道通常的方法是添加:Html 在不使用溢出的情况下删除移动设备上的垂直滚动,html,css,responsive-design,scrollbar,overflow,Html,Css,Responsive Design,Scrollbar,Overflow,有没有一种方法可以在不使用溢出的情况下删除网页移动视图上的小垂直滚动条 我知道通常的方法是添加:overflow-x:hidden但是,我还有一个元素具有粘性定位位置:粘性不再起作用。那么,有没有一种方法可以在不使用溢出的情况下获得相同的效果 html,正文{ overflow-x:hidden;/*addin这解决了垂直滚动问题,但打破了下面的粘性DIV*/ } 分区标题-固定{ 职位:-webkit sticky;/*苹果*/ 位置:粘性; 宽度:100%; 背景色:#202020; 填充
overflow-x:hidden代码>但是,我还有一个元素具有粘性定位位置:粘性当溢出应用于父元素时,代码>不再起作用。那么,有没有一种方法可以在不使用溢出的情况下获得相同的效果
html,正文{
overflow-x:hidden;/*addin这解决了垂直滚动问题,但打破了下面的粘性DIV*/
}
分区标题-固定{
职位:-webkit sticky;/*苹果*/
位置:粘性;
宽度:100%;
背景色:#202020;
填充物:5px;
排名:0;
}
纸卷
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
您可以使用::-webkit scrollbar
伪元素隐藏垂直滚动条,但它在firefox浏览器中不起作用:
正文{
溢出y:滚动;
滚动条宽度:无;/*Firefox*/
-ms溢出样式:无;/*即,边缘*/
}
正文::-webkit滚动条{
显示:无;/*Chrome、Opera、Safari*/
}
分区标题-固定{
职位:-网络工具包粘性;
/*苹果*/
位置:粘性;
宽度:100%;
背景色:#202020;
填充物:5px;
排名:0;
}
纸卷
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
您正在使用容器吗?一些代码示例或提琴将帮助我们为您提供解决方案我添加了一个问题的基本示例该示例隐藏了滚动条,但当在移动触摸屏上和shift滚动时,页面仍将左右滚动。使用overflow-x时:隐藏代码>但是它按照我想要的方式工作,但是它打破了stick div