【问题标题】:How to stop a certain part of html page from scrolling?如何阻止html页面的某一部分滚动?
【发布时间】:2022-12-15 14:48:21
【问题描述】:

我正在尝试复制 Twitter 网站主页,但侧面部分滚动有问题。

这是我从推特主页右侧部分创建/复制的右侧部分

并且在达到页面的最大高度之前它不会停止滚动,我还尝试将高度/最大高度设置为它的唯一真实高度(1308px)并且它不起作用。

顺便只会用HTML和CSS,不想放JS。是否有仅使用 HTML 和 CSS 的解决方案?

【问题讨论】:

  • 您可以提供您的代码,以便人们可以帮助您识别问题。 meta.stackoverflow.com/a/356679
  • 在可滚动的元素中尝试overflow-y: hidden;,这将禁用该元素的滚动

标签: html css


【解决方案1】:

在你的 html 中:

<div id="footer">some elements here</div>

在你的 CSS 中:

#footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多