【问题标题】:How to position a fixed element [duplicate]如何定位固定元素[重复]
【发布时间】:2012-07-18 20:54:30
【问题描述】:

可能重复:
Stopping fixed position scrolling at a certain point?

滚动到某个点后,我需要一个元素(链接的侧边栏)不再滚动,但仍停留在原处。我已经尝试将此元素设置为在某个点之后固定,这可以正常工作,除了它将侧栏链接向下捕捉到窗口中的视图中,它们位于我开始滚动之前的相同位置,然后将它们固定到它们所在的窗口不再滚动。我不想看到这个,而是一旦我滚动过去某个点,只需将元素留在页面上的位置,但不再允许它滚动(因此我的侧边栏将略微向上滚动离开页面,但底部的链接仍然显示)。触发将元素设置为固定或不固定的事件不是我可以正常工作的问题。我只需要在将元素设置为固定之后定位元素,以便我可以将其放回它开始的位置,或者在我滚动过去某个点后找到并交替将位置设置为固定。

再次需要的行为是,一旦我在我的页面上向下滚动,我的侧边栏就会停留在它们所在的位置(部分向下滚动,这意味着顶部离开页面),然后当我继续滚动时下来他们不动。

很可能我认为我需要在位置更改为固定后重新定位链接。

有什么帮助吗?谢谢!

【问题讨论】:

  • 不,我可以滚动到我将其设置为固定的位置并将其设置为固定,然后我可以向上滚动并将其设置为不固定。那不是我的问题。在正确的位置触发事件并“修复”我可以做的元素。我从将元素设置为固定得到的行为是我有一个问题,如果我可以处理该行为或使用除了设置固定位置之外的其他东西。我是停止滚动的元素,但在我滚动经过我将元素更改为固定的点后仍然保持原位。一旦我达到这一点,元素就会被跳下然后变得固定

标签: javascript jquery css


【解决方案1】:

是的。有一个漂亮的小 jquery 插件可以处理这个问题:https://github.com/bigspotteddog/ScrollToFixed

或者您可以参考之前处理相同主题的这篇文章:Stopping fixed position scrolling at a certain point?

【讨论】:

  • 完全不适合我。它正在扩展我的滚动条,并使在我的标题后面向上滚动的文本显示在标题上方,一旦它应该向上滚动到视图之外。
  • 您需要对其进行调整以使其正常工作。当我实现它时,我花了几个小时让它按照我想要的方式工作。我只是在这里引导您朝着可以采取的方向前进,如果它不能立即为您工作,或者您不想花时间,很抱歉!
猜你喜欢
  • 2014-09-07
  • 1970-01-01
  • 1970-01-01
  • 2013-08-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多