Jquery 将div fixed更改为static

我想在滚动带有固定类的div之后，停止将带有固定类的div固定在底部

我找到了解决办法。在下面评论的帮助下

我有以下几点：

var element = $(".below");
window.onscroll = function(ev) {
   var a = element.position(); 
    if (a.top <= window.scrollY + window.innerHeight) {
        $("fixed").css('position', 'static');
    } else{
       $("fixed").css('position', 'fixed');
   }
};

我有以下HTML：

<header>
</header>
<section>
  Some html and text here here
</section>
<section class="fixed" style="position: fixed; width: 100%; bottom: 0;">
  text
</section>
<section class="below">
</section>
<footer>
</footer>

但是它能做得更好吗？

您可以使用它来实现滚动检测，如示例所示

var元素=document.querySelector.fixed； window.onscroll=functionev{ 如果window.innerHeight+window.scrollY>=document.body.offsetHeight{ element.style.position='absolute'； } }; Lorem ipsum dolor sit amet，是一位杰出的献身者。福西福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯福斯。Morbi mattis、ante ut luctus interdum、dui purus ultrices enim、egestas ipsum felis eget nisl。我是毛里斯·埃吉特·图皮斯·亨德雷特·特里斯蒂克。索斯潘迪丝·奎斯·奥奇·内克。Morbi拍卖人neque vitae Elite facilisis，但他是奥古斯·维韦拉（augue viverra）。这是一家大酒店。埃罗斯·福西布斯、埃利芬德·尼布、莫利斯·里索斯的吊牌。我是狮子座的。Duis turpis arcu，commodo非孕妇id，Orna eget orci。整型欧式舌苔。这是一种非常有效的方法。 在hac habitasse Plateum，一句名言。我们在这本书中看到了莫里斯。毛里斯·奈克·泰卢斯（Mauris nec tellus）在《毛里斯显贵酒店》（Mauris Dignessim rutrum）。Nam vitae mattis neque。射手座的相位，双门，双门。这是一个很好的解释。在purus sed magna rutrum porttitor的前庭，坐着一位尊贵的turpis。莫里斯·塞德·亨德雷特·普卢斯。这是一个非常重要的问题。Morbi blandit turpis是一辆汽车。发酵液，发酵液，发酵液，牛膝。这是一种纯粹的元素。 威尼斯酒鬼。莫利斯·尼布坐在安特·安特·奥纳雷的位子上。不可能的，因为你的酒后驾车，或者是因为你的交通堵塞。马萨拍卖行馆长。在rutrum eu neque非前庭。Mauris pellentesque，多洛id孕妇，magna nibh malesuada dolor，et auctor orci est eu velit。Phasellus volatip，turpis non faucibus cursus，Elite augue tincidunt lacus，quis dictum Elite mauris eu lorem。维瓦摩斯·沃里帕特·康瓦利斯·沃里帕特。在同一时期，欧盟的口头禅是一种美德，而不是一种美德。这是一个无前庭的前庭。自由生活的神圣之日。埃尼安在康瓦利斯奥迪奥。矢状背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧背侧。Phasellus ac blandit turpis。Pellentsque sapien sem、ullamcorper sed porttitor eu、euismod non ex。 这是一种最有效的葡萄品种。不要吃威尼斯射手，要吃羊肉。塞德·帕特·莫利斯·波特。整数id molestie felis，id venenatis felis。dapibus dapibus中的Praesent ullamcorper lorem。非乌尔纳国家石油公司（nisi sollicitudin posuere）。克拉斯·非埃克斯·梅特斯。 Nam porta purus purus，vitae rutrum ligula maximus vitae。在智人厄洛斯，非巨细胞增生症患者，罗波蒂氏斜纹夜蛾患者中的Proin-sapien-eros，eleifend-non-magna accumsan，rhoncus-lobortis-risus。Etiam rutrum nibh eu neque aliquet，eget faucibus quam auctor。努拉姆·波苏尔·康瓦利斯·利奥，欧盟罗那库斯·利古拉。这是一种很好的发酵剂。你的饮食效率如何。猫斜颈前庭，前腹侧威尼斯元素。 文本

---

你已经试过什么了？尊重他人的时间…搜索ScrollTop，然后在屏幕上显示您的div时更改样式。因为您没有编写任何jquery，所以我也不想编写lolif>.fixed=fixed基本逻辑。@Sebastian thnx供您反馈。我到处都找过了，但找不到任何有用的东西。我一直在尝试使用ScrollTop，但找不到使其动态化的原因。我一直在尝试使用，但这不起作用，因为我的身高发生了变化。对不起，我不想让自己看起来像利兹女巫：-但我真的没有发现任何有用的东西。谢谢你的帮助！但它不是关于探测底部，而是我想探测div的顶部。修复。