Jquery 防止跳投到折叠下方

我有这样一个HTML：

<div id="window">
  <p>Random length of text</p>
  <p>Random length of text</p>
  <p>Random length of text</p>
  <div id="comment"> input ...</div>
</div>

---

Thaks

将评论块定位为绝对位置，您可以将其放在页面上任何您想要的位置。然后，当人们更改页面时，您可以绑定到滚动事件以重新定位它。

将注释块的位置设置为绝对位置，您可以将其放置在页面上任何需要的位置。然后，当用户更改页面时，您可以绑定到滚动事件以重新定位它。

您的意思是希望注释div独立于用户的滚动粘贴到屏幕底部吗？因为这只需要CSS就可以做到

#comment {
    position: fixed;
    bottom: 0;
}

或者你想让它贴在段落的底部，如果它们没有填满整个屏幕的高度？在这种情况下，您可以使用jQuery根据注释div的位置动态设置上述CSS规则

jQuery

$(document).ready(function()
{
    bottom = $("#comment").position().top + $("#comment").height();
    if (bottom > $(window).height()) $("#comment").addClass("fixed-bottom");
});

CSS

---

您的意思是希望注释div独立于用户的滚动而粘贴到屏幕底部吗？因为这只需要CSS就可以做到

#comment {
    position: fixed;
    bottom: 0;
}

或者你想让它贴在段落的底部，如果它们没有填满整个屏幕的高度？在这种情况下，您可以使用jQuery根据注释div的位置动态设置上述CSS规则

jQuery

$(document).ready(function()
{
    bottom = $("#comment").position().top + $("#comment").height();
    if (bottom > $(window).height()) $("#comment").addClass("fixed-bottom");
});

CSS

---

谢谢，但我不希望它是绝对的，我希望它自然地出现在页面上，并且只有在从页面上滚动下来时才被修复。然后我建议你添加两个。。。当正常对象显示时隐藏，当正常对象不在视图中时，将html从正常对象复制到固定对象并显示固定对象。如果从DOM中删除现有对象，情况会更糟。然后，您可能会进入一个循环，在这个循环中它将消失，您的脚本将触发它，使其成为一个绝对位置元素。然后，该操作会在页面上留出空间，使您的元素再次进入视图，然后您会反转。。。之后，它又不可见了。。。无休止的循环谢谢，但我不希望它是绝对的，我希望它自然地出现在页面上，并且只有在滚动到页面外时才被修复。然后我建议你添加两个。。。当正常对象显示时隐藏，当正常对象不在视图中时，将html从正常对象复制到固定对象并显示固定对象。如果从DOM中删除现有对象，情况会更糟。然后，您可能会进入一个循环，在这个循环中它将消失，您的脚本将触发它，使其成为一个绝对位置元素。然后，该操作会在页面上留出空间，使您的元素再次进入视图，然后您会反转。。。之后，它又不可见了。。。在每个jQueryAPI文档页面上都会出现无休止的循环，就像他们只有在向下滚动到用户注释之后才会加载用户注释一样。也许你可以在那里找到如何检查这个！他们会对滚动状态进行民意调查：如果你找到了解决方案，你会通知我们吗？那太好了！在每个jQueryAPI文档页面上，他们只在您向下滚动到用户注释之后才加载用户注释。也许你可以在那里找到如何检查这个！他们会对滚动状态进行民意调查：如果你找到了解决方案，你会通知我们吗？那太好了！