【问题标题】:Limit scrolling to the y-position of a div [jQuery, javascript, HTML]限制滚动到 div 的 y 位置 [jQuery, javascript, HTML]
【发布时间】:2012-01-29 15:34:34
【问题描述】:

我目前正在开发一个个人网站,我的页面上有很多可展开的项目。当一个项目展开时,我想将页面滚动限制设置为展开项目的高度,我不希望用户在展开项目的上方或下方滚动。如果当前滚动位置在项目上方或下方,我已经尝试过 scroll(0, yPosition),但这会产生非常卡顿的结果...有人对如何执行此操作有任何建议吗?

提前致谢!

【问题讨论】:

    标签: javascript jquery html css scroll


    【解决方案1】:

    您可以隐藏页面以前的所有内容,当一个项目展开时,当它被抑制时,将内容再次设置为可见。

    【讨论】:

    • 我将尝试解释我的网站是如何工作的。您将看到一个项目列表。当您单击一个时,包含有关该项目的附加信息(文本、标签、图像等)的 信息框 将显示在其他项目的顶部。因此,当您使用可见的 infobox 滚动时,您将滚动 infobox 以及其他项目。这只有在 infobox 位于我的网站(窗口)的可见部分时才可能实现,否则应该无法滚动...
    • 我撤回了之前的评论,这不是您想要的。但是,为所有信息框设置style="overflow-y: scroll;",并使用document.body.scroll='no' 禁用实际页面滚动。要再次启用滚动,请使用document.body.scroll='auto'(或'yes')。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-21
    • 1970-01-01
    • 2013-04-01
    • 2016-02-14
    • 2016-02-20
    相关资源
    最近更新 更多