【问题标题】:Sticky Div within Container - no overlap with footer容器内的粘性 div - 与页脚不重叠
【发布时间】:2016-08-23 18:20:19
【问题描述】:

我正在使用这个 jsfiddle: jsfiddle

在我的网站中,我收到以下错误: 未捕获的类型错误:无法读取未定义的属性“顶部”

jsfiddle 中断的那一行:

var sidebarTop = $sidebar.position().top;

可能是什么原因?


只是为了说明我要解决的问题。我在页面顶部有一个 div,并将其位置设置为固定。当用户滚动到页面底部时,此 div 与页脚重叠。我需要在某个地方停止(粘贴)这个 div,并且一旦它通过某个点就不会再往底部移动

【问题讨论】:

  • 什么时候坏了?
  • 它在页面加载时中断
  • 只是为了说明我要解决的问题。我在页面顶部有一个 div,并将其位置设置为固定。当用户滚动到页面底部时,此 div 与页脚重叠。我需要在某个地方停止(粘贴)这个 div,并且一旦它经过某个点就不会再往底部移动。

标签: css sticky


【解决方案1】:

你的jsfiddle 和我这边都没有。您可能会在加载 html 之前编写 js 脚本。所以试着在你的html页面之后写js/jquery代码。

参考资料 JavaScript on the bottom of the page?

【讨论】:

  • 感谢纳林。出于某种原因,我没有收到错误,但代码没有做它应该做的事情。 div 不粘。
  • 红色 div 应该是粘性的? @user2954449
  • 黄色的 div 应该是粘性的。并且不应与页脚重叠。
  • 它工作正常。它没有重叠。我添加了多达 12 个文本框,但在最小屏幕或更大屏幕上滚动仍然没有效果。 @user2954449
  • 请将外部托管代码编辑到帖子中;这样做将确保即使链接断开,它仍然有用。我的脚本 is not allowed to do this 因为潜在的许可问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-06
  • 2017-08-25
  • 2018-09-10
  • 1970-01-01
相关资源
最近更新 更多