2012-01-29 34 views
1

我目前正在一个个人网站上工作,我的页面上有很多可扩展项目。当一个项目展开时,我想将页面滚动限制设置为展开项目的高度,我不希望用户滚动到展开项目的上方或下方。我已经试过滚动(0,y位置)如果当前的滚动位置高于或低于该项目,但会产生非常严重的结果......有没有人有任何建议如何做到这一点?限制滚动到div的y位置[jQuery,javascript,HTML]

在此先感谢!

回答

0

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

+0

我会尽力解释我的网站是如何工作的。你会看到一个项目列表。当您点击其中一项时,包含关于该项目的附加信息(文本,标签,图像等)的_infobox_将显示在其他项目的顶部**。所以当你用可见的_infobox_滚动时,你将滚动_infobox_以及其他项目。这应该只有当_infobox_在我的网站(窗口)的可见部分是可能的,否则不应该滚动应该是可能的... – thomasjonas 2012-01-29 20:14:03

+0

我撤回了早先的评论,它不完全是你想要的。但是,为所有信息框设置'style =“overflow-y:scroll;”',并使用'document.body.scroll ='no''禁用实际的页面滚动。要再次启用滚动,请使用'document.body.scroll ='auto''(或''yes'')。 – Teemu 2012-01-29 20:35:33