Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在不使用溢出的情况下删除移动设备上的垂直滚动_Html_Css_Responsive Design_Scrollbar_Overflow - Fatal编程技术网

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