jQuery 实现：页面滚动到指定高度让 Div 秒变 Fixed！附代码与注意事项

以下是使用 jQuery 实现当页面滚动到一定高度时，将一个 div 变为 `fixed` 的代码： ```javascript // 在页面加载完成后执行 $(document).ready(function() { // 当滚动事件发生时 $(window).scroll(function() { // 获取滚动的距离 var scrollTop = $(window).scrollTop(); // 设定一个阈值 var threshold = 500; // 获取要操作的 div var $div = $('#yourDiv'); // 如果滚动距离超过阈值 if (scrollTop > threshold) { // 将 div 的 position 设为 fixed $div.css('position', 'fixed'); } else { // 否则将其设为默认 $div.css('position','static'); } }); }); ``` 额外需要注意的逻辑点： 1. 确保页面中正确引入了 jQuery 库。 2. 注意 `#yourDiv` 这里的 `yourDiv` 要替换为你实际要操作的 div 的 id 。 3. 阈值的数值可以根据实际需求进行调整。 ######[AI写代码神器 | 258点数解答 | 2024-12-05 21:42:04]