最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js/jq滚动到一定位置后固定显示
时间:2022-11-14 22:02:46 编辑:袖梨 来源:一聚教程网
js滚动到一定位置后固定显示
| 代码如下 | 复制代码 |
|
function htmlPosition(obj) var oldHtmlWidth = document.documentElement.offsetWidth; var elFix = document.getElementById('fixedRight'); |
|
jQuery 当元素滚动到顶部后固定位置
| 代码如下 | 复制代码 |
|
|
|

页面滚动时固定侧边栏效果
需要按各自的需求修改相应代码,完整的JavaScript代码如下:
| 代码如下 | 复制代码 |
|
//固定tag cloud jQuery(window).scroll(function() { jQuery("#sidebar").append(html); }else{ jQuery("#fixed-siderbar").show(); } }else{ jQuery("#fixed-siderbar").hide(); }; }); }); |
|
最后附上我的CSS,同样按需修改
| 代码如下 | 复制代码 |
| #fixed-siderbar{ z-index: 0; position:fixed; top:70px; } |
|
效果如下

相关文章
- 3个Anthropic Skills技巧,让输出质量翻倍 05-23
- 萌新必看_口袋新世代单人闯关难_快来加入公会组队冒险 05-23
- 造梦无双手游首测预约指南:预约地址与资格获取方法 05-23
- 为什么Anthropic创业手册是2026年AI创业者的必读? 05-23
- 深海迷航2:神秘电流海鞘全记录 05-23
- 异环千金难买你开心如何获得-异环千金难买你开心详细获取途径 05-23