Css 禁用水平滚动+;在一些元素绝对定位的响应性网站上移动
我有一个响应网站,在那里我禁用了水平滚动Css 禁用水平滚动+;在一些元素绝对定位的响应性网站上移动,css,responsive-design,Css,Responsive Design,我有一个响应网站,在那里我禁用了水平滚动 body{ overflow-x: hidden } 但我仍然有一个问题,在触摸设备中,我可以将屏幕向右移动(或在桌面浏览器中使用向右箭头键) 诀窍是我有一个Css3动画,它将元素从marginleft:1000px移动到marginleft:-1000px 我试图将代码重新分解到绝对位置,以及left:1000px到left:-1000px,但出现了相同的问题 我甚至尝试使用: 或者添加额外的html{overflow-x:hidden} 什么都没用
body{ overflow-x: hidden }
但我仍然有一个问题,在触摸设备中,我可以将屏幕向右移动(或在桌面浏览器中使用向右箭头键)
诀窍是我有一个Css3动画,它将元素从marginleft:1000px
移动到marginleft:-1000px
我试图将代码重新分解到绝对位置,以及left:1000px
到left:-1000px
,但出现了相同的问题
我甚至尝试使用:
或者添加额外的html{overflow-x:hidden}
什么都没用
有没有人有其他想法,如何禁用向右移动,使我的设计保持灵敏,我可以保持元素(云)动画
网站:
thx我的建议是让溢出物留在身体上。用
最大宽度:100%隐藏每个部分的包装代码>这将阻止您的页面水平滚动,并且在内容与屏幕不匹配时仍允许我向下浏览页面。我还认为放置框大小:边框框
(带有所有供应商前缀)是一种很好的方法,可以避免您的箱子被从容器中推出,从而避免填充和边框