javascript - 通过具有固定位置的元素重叠页脚

标签 javascript jquery css

我有侧边栏 block ,位置固定。
当我滚动浏览器的窗口时,我需要通过这个侧边栏修复页脚的重叠。

我试图将侧边栏的定位更改为absolute,计算移动条件并在窗口的滚动事件上移动它,但是当我快速滚动时它不能正常工作。

我该如何解决这个问题,快速滚动窗口时的问题,或者,是否有一个 js 插件可以解决这个问题?

更新:

fiddle :http://jsfiddle.net/c863E/1/

(页脚不应与侧边栏重叠)

最佳答案

我之前使用过以下插件来完成这个任务:http://www.profilepicture.co.uk/sticky-sidebar-jquery-plugin/

它工作得很好。

这里还有 GitHub 元素:https://github.com/p-m-p/jQuery-Stickybox

您需要的解决方案的总称是粘性侧边栏。有各种 jQuery 插件和教程使用不同的技术来实现这种效果。在 Google 上搜索“jquery sticky sidebar”会发现很多东西。

关于javascript - 通过具有固定位置的元素重叠页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15230035/

相关文章:

javascript - 更新或删除自定义字体系列

javascript - 谷歌表格中的 "Script App"是否会自动登录网站?

javascript - 避免在手机中加载图像

css - WP Twentyseventeen 菜单颜色更改不起作用

css - 通过 bootstrap 制作自适应 div

javascript - 取消分配 flow.js HTML5 上传组件上的浏览按钮

javascript - 客户端通过 websocket 连接从后端服务器数据库表检索数据

javascript - 通过同一窗口打开 URL

jquery - 链接正则表达式用新的替换 HTML

javascript - 在 $ (".sim-row-edit"上显示右键菜单。mousedown