当前位置：文江博客话题详情

删除水平滚动条

发布于 2024-12-27 23:31:06 字数 134 浏览 0 评论 0原文

我正在尝试删除水平滚动条。

目前使用“overflow-x:hidden;”隐藏滚动的工作，但如果您要使用跟踪器页面等，它实际上仍然有效。我认为最好用 Javascript 禁用它，关于我可以使用什么的任何想法？

非常感谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

执手闯天涯 2025-01-03 23:31:06

嗯，显示/隐藏滚动条是一种视觉效果，因此无论如何，您都需要更改 css 来实现此目的。

现在，如果这是您所要求的，您可以通过 javascript 更改样式，而不是使用样式表：

document.documentElement.style.overflowX = 'hidden';
document.documentElement.style.overflowY = 'hidden';

// or for an element
document.getElementById('mydiv').style.overflowX = 'hidden';

Well, showing/hiding the scrollbars is a visual thing so in any ways, you're going to change the css to achieve this.

Now, if this is what you're asking, you can change the styles through javascript instead of using a stylesheet:

document.documentElement.style.overflowX = 'hidden';
document.documentElement.style.overflowY = 'hidden';

// or for an element
document.getElementById('mydiv').style.overflowX = 'hidden';

回复收藏 0 原文

多情出卖 2025-01-03 23:31:06

除了在 javascript 中使用 css 属性之外，没有其他方法了，如下所示：

 document.documentElement.style.overflowX = 'hidden';    // horizontal scrollbar will be hidden
 document.documentElement.style.overflowY = 'hidden';    // vertical scrollbar will be hidden

There isn't really another way beside using the css property in javascript like so:

 document.documentElement.style.overflowX = 'hidden';    // horizontal scrollbar will be hidden
 document.documentElement.style.overflowY = 'hidden';    // vertical scrollbar will be hidden

回复收藏 0 原文

~没有更多了~