jquery - 我怎样才能使一个 Div 保持在它的位置上?

标签 jquery css html

我很难正确描述我的要求,但这是来自 boingboing.net 的最佳示例.查看侧边栏,然后向下滚动到底部。请注意当用户向下滚动时最后一个小部件(我不知道它是什么,抱歉。)或 Advertise 是如何留在原处的?到达底部时它也会停止。我该怎么做?

我知道 css 属性,position:fixed; 但我猜该方法与 boingboing.net 不同。在这件事上需要帮助。有帮助吗?非常感谢!

最佳答案

window的scroll上绑定(bind)一个事件,根据window<的scrolltop设置目标div的position/.

$(window).scroll(function () {
   if($(this).scrollTop() >= 500){
      $('targetdiv').css('position','fixed');
   }
   else {
      $('targetdiv').css('position','relative');  // or any other position
   }
});

或者更好的是,您可以在 window 的特定顶部添加一个 class,它具有 position:fixed

关于jquery - 我怎样才能使一个 Div 保持在它的位置上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12443810/

相关文章:

javascript - HTML输入onfocus和onblur?

jquery - jquery选择器中的加号(+)是什么

javascript - 是否有可能获取导致另一个元素失去焦点、内部模糊或焦点事件的元素的 ID

css - sass 编译错误说 $color : null is not a color even though i declared color

处理文件上传时出现java.lang.NullPointerException

c# - 如何从 C# 中的 html 文件中提取 html 链接?

Jquery过滤列表不区分大小写

javascript - 将 jQuery ReplaceWith() 与 HTML Select 一起使用

javascript - 为什么在应用 css 后 jquery 不起作用?

css - 什么是 WordPress 样式/CSS 格式的最佳实践?