230问答网 > JS或者jquery做一个div不随滚动条上下移动改变位置的效果，就是div始终保持在浏览器的一个位置，不用css

JS或者jquery做一个div不随滚动条上下移动改变位置的效果，就是div始终保持在浏览器的一个位置，不用css

的fixed

2024-12-23 17:14:05

推荐回答（5个）

回答1：

不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。只不过，使用js或jquery后可以增加更多效果

回答2：

不用css时不可能的，不写stylesheet文件不代表不用，只是看不见而已。想要达到你说的效果要用相对对位，也就是position属性，调成相对页面的就可以了。这么做它的位置就会固定在一个位置
$(选择器).css("position",{样式})可以达到效果。

回答3：

可以用absolute 先定right 然后记录scrollTop+需要固定模块距离顶部的距离 然后把事件绑定到 srcoll 事件里面去 最好加入定时器 设置1秒的延迟

回答4：

这种例子有很多，一般的网站浮动广告就是这种效果。
我觉得你的要求，不需要用到jQuery或js,用CSS就可以实现，但不用fixed.
.float {background-color: #000;height: 200px;width: 100px;position: absolute;top: 80px;right: 20px;}
其中，最关键的就是position属性，让这个层浮动起来，然后设置top,right属性就行了。
如果，使用jQuery可以灵活的给需要这个效果的div加上css样式：
例如，html中有个

当点击一个按钮时，可以出发按钮的点击事件：
$("#confirm").click(function(){
$("rightMenu").addClass("float");
});

回答5：

div块的position为absolute

JS或者jquery做 一个div不随滚动条上下移动改变位置的效果，就是div始终保持在浏览器的一个位置，不用css

JS或者jquery做一个div不随滚动条上下移动改变位置的效果，就是div始终保持在浏览器的一个位置，不用css