jquery - 在不重置滚动位置的情况下将 css 位置更改为固定

标签 jquery css scroll position

如何在不重置当前滚动位置的情况下将元素的 css 位置更改为固定位置?

使用脚本改变位置:

$('.bigwidth').click(function() { 
     $(this).css('position','fixed');    
})

这个例子:http://jsfiddle.net/7gRZJ
如果您滚动该元素,然后单击该元素,它会将其更改为固定并重置滚动位置。

所需的行为是在保留当前滚动位置的同时将其更改为固定。

最佳答案

在点击函数中添加“return false”将阻止跳回页面顶部/重置滚动位置的默认行为。

更新代码:

$('.bigwidth').click(function() { 
     $(this).css('position','fixed');
     return false;    
})

关于jquery - 在不重置滚动位置的情况下将 css 位置更改为固定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17661487/

相关文章:

javascript - 让 html 元素保持在相同位置而不使用位置 : fixed

css - IE8 CSS选择器

scroll - Flutter:在滚动时更改小部件不透明度和颜色的最佳方式

javascript - 为什么用鼠标滚轮滚动背景会闪烁?

javascript - 使用 jQuery 创建 Accordion ,但得到 "$ is not defined"

jquery - Fabric.js 对象 :selected, 未选择对象

javascript - 在 HTML 属性中使用 HTML 实体

javascript - 检索内联 CSS 样式值

jquery - 使用 $.get() 检索 HTML 代码段后, Font Awesome 图标消失了

javascript - Onclick 主体仅在第一次单击时向下滚动 100vh