没有滚动条的 DIV [HTML | CSS | JavaScript]

发布于 2024-12-26 15:37:55 字数 419 浏览 0 评论 0原文

可能的重复:
如何禁用浏览器或元素滚动条,但允许使用滚轮或箭头键滚动?

我想要一个没有滚动条的 DIV。 是的 - 我知道 overflow:hidden; 是如何工作的。

我想通过 JavaScript 滚动溢出的 DIV。 我也会隐藏溢出。但是如何通过JS来滚动隐藏的内容呢?

是否有好的 JS 示例、教程、API 或库可用?

谢谢,问候,J.

Possible Duplicate:
How to disable browser or element scrollbar, but allow scrolling with wheel or arrow keys?

I want a DIV without scrollbars.
Yes — I know how overflow:hidden; works.

I want to scroll an overflowing DIV via JavaScript.
I would also hide the overflow. But how to scroll the hidden content via JS?

Are there good JS examples, tutorials, API's or Libraries available?

Thanks, greets, J.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

梓梦 2025-01-02 15:37:55

您可以使用上面的 Archer 解决方案(在稍小的 div 内使用 div 来隐藏滚动条),这可能是最简单的解决方案。不过,为了多样化,您还可以使用自定义滚动条插件,例如 tinyscrollbar 并应用额外的 css隐藏滚动条。其中包括内置的鼠标滚轮支持,如果需要,还可以为您提供水平滚动的选项。

作为旁注,页面上是否有任何内容向用户表明他们实际上能够滚动内容?或者他们应该自己解决这个问题?

You could use Archer's solution above (div inside slightly smaller div to hide scrollbars) which is probably the simplest solution. Just for variety's sake though, you could also use a custom scrollbar plugin like tiny scrollbar and apply additional css to hide the scroll bars. That includes built-in mouse wheel support, and could also give you the option of horizontal scrolling if you needed it.

As a side note, is there anything on the page to indicate to the user that they are, in fact, able to scroll the content? Or are they suppose to figure it out on there own?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文