javascript - stickyfloat 不适用于绝对定位元素

标签 javascript jquery html css fixed

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

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

注意:出于某种原因总结了上面的 fiddle ,并没有模仿行为。 div.store-menu元素应在 section.softwate-content 内滚动元素并在用户向下滚动到 div.prefooter 时停止元素。

谁能找出问题所在?

最佳答案

这样试试:

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

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

关于javascript - stickyfloat 不适用于绝对定位元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29433156/

相关文章:

javascript - 了解 websocket(存储?)

jquery - 想让我的图表在 D3 中看起来响应

javascript - 拆分 JSON 响应并使用图表数据

javascript - 使用循环并查找 html 元素的值 JavaScript

html - Canvas context.fillText() 与 context.strokeText()

javascript - Internet Explorer 8 CSS 兼容性

javascript - 添加 onClick 事件到 zabuto 日历

javascript - document.dispatchEvent() 在 Firefox 中不起作用

html - Paypal 立即购买按钮 - 通过下拉菜单动态价格

javascript - HTML5 Canvas 游戏中的多个 setInterval