【问题标题】:stickyfloat not working on absolute positioned elementstickyfloat 不适用于绝对定位元素
【发布时间】:2015-04-03 13:29:41
【问题描述】:

这是交易。我有一个小 div,他是 position: absolute;。我正在使用 stickyfloat 插件使其仅在 <section class="software-content"></section> 内滚动,就像他们在 github 页面上显示的演示一样。然而,这个绝对定位的 div 是菜单所在的位置,而不是随着浏览器滚动,而是一直滚动到顶部。我不知道它为什么会有这种行为。这是一个演示它的小提琴:

http://jsfiddle.net/yisera/19amn27z/1/

注意:出于某种原因,总结上述小提琴,不模仿行为。 div.store-menu 元素应在 section.softwate-content 元素内滚动,并在用户向下滚动到 div.prefooter 元素时停止。

谁能找出问题所在?

【问题讨论】:

  • Fiddle 没有那个库,这就是为什么我们不能在 fiddle 中测试它
  • 糟糕,现在是凌晨 4 点。正在更新!
  • 你忘了用新小提琴更新问题(就像jsfiddle.net/yisera/19amn27z/2

标签: javascript jquery html css fixed


【解决方案1】:

试试这个方法:

$(document).ready(function(){
    t = function(){$('.scroll-store-menu').stickyfloat({duration: 400, lockBottom: true});}
    setTimeout(t, 50);
});

http://jsfiddle.net/19amn27z/2/

【讨论】:

  • 这是我在javascript部分的内容,看看!
  • 不,你有 $('.scroll-store-menu').stickyfloat({duration: 400, lockBottom: true});与另一个选择器
  • 我的错,对不起 - 我看起来老小提琴,等待几秒钟
  • 甚至不能与选择器一起使用。 div.scroll-store-menu 是菜单的主容器。
  • 不。一样。我想我会放弃这个想法。将为该菜单设计一个新概念。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2010-10-18
  • 2016-02-23
  • 1970-01-01
  • 2014-04-06
  • 2013-07-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多