有时会出现水平滚动条


  • 我想从网页中删除水平滚动条。为此我使用overflow-x属性我在其中编写的pseoudo元素属性webkit滚动条显示none。但问题是有时当我缩小网页时仍然存在。就像如果我把属性写在-flow-x上:隐藏,然后第一次缩小屏幕时,水平滚动条不会显示,但在第二次缩小屏幕上显示。这就是我面临的问题。请尽快给我一个合适的解决方案
    谢谢

使用此选项隐藏滚动条并保留功能:

body::-webkit-scrollbar {
display: none;
}
body {
-ms-overflow-style: none;
scrollbar-width: none;=
}

添加此项以删除滚动功能:

body {
overflow:hidden;
}

此处:

html, body {
overflow-x: hidden;
}
.overflow {
width: 150vw;
}
<div class = 'overflow'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed ipsum in sapien sagittis pulvinar. Cras ornare massa urna, in volutpat quam feugiat sit amet. Sed in purus efficitur justo vestibulum scelerisque. Integer euismod ligula a nisl ornare, vel viverra mi mattis. Mauris dolor diam, tempus a risus in, malesuada fringilla tellus. Vivamus ultrices nisi non massa ultrices mollis at vitae neque. Vivamus viverra fringilla elit, eu suscipit libero dictum nec. Quisque lacinia mattis rutrum.
Aliquam ut dignissim magna. In eget maximus libero. Donec id velit vitae libero ultricies consectetur. Duis in tortor mattis, venenatis elit sit amet, iaculis ligula. Sed pulvinar nisi ut leo sollicitudin tempor. Ut nec erat sed nisl blandit efficitur. Donec varius sem vitae leo tincidunt, sed pretium tortor tempus. Morbi tempor sollicitudin sapien eget sollicitudin. Fusce maximus quis risus ac pretium. Duis non elit nec neque consectetur interdum vitae at lorem. Proin elementum sem justo, non congue orci cursus in. Nulla ac feugiat augue. Cras augue lorem, pretium non velit non, pulvinar accumsan dui.
</div>

如果这不起作用,那么你将不得不张贴你的代码,让我们来修复它。

您为此设置了边距吗?此外,您给定的代码是完美的。如果你想删除滚动条,则视图宽度应根据显示或给出宽度,你可以使用最大宽度:100%

相关内容

  • 没有找到相关文章

最新更新