我想让一个div浮动在网页上(只是垂直方向的)。刚开始滚动条滚动,这个div随着滚动条滚动。当di

我想让一个div浮动在网页上(只是垂直方向的)。刚开始滚动条滚动,这个div随着滚动条滚动。当div的边缘碰到顶部的时候,div就不随滚动条滚动了,而是一直静止在那里。当滚动条往上滚动的时候,div到了他最初的位置的时候,将不再静止,而是随滚动条滚动。 嗯……不知道有没有人听得懂我的描述。

第1个回答  2014-03-04

function isdh(ee)
{
   var divh=$(ee).offset().top;
   
   $(window).scroll(function(){
     var wsh=$(window).scrollTop();
     if (wsh>=divh)
       { $(ee).css({"position":"fixed","top":"0px"});}
     else
       { $(ee).css({"position":"relative"});}
   
   })

}

$(function{
   isdh("#div1");   //div1为你需要该效果的div
});

追问

代码有这么简短?这么牛?

document.getElementById被你省掉了……

追答

请百度jquery,当然如果你要原生js我稍后有时间帮你重构一下

追问

我就是不会jquery……理解有点困难

css如何实现div随滚动条移动css左右滚动条
1。在头部定义一个div,固定高度,设置绝对位置(position:absolute),设置上边距(top:0);2.在底部定义一个div,固定高度,设置绝对位置(position:absolute),设置下边距(bottom:0);3.在中间定义一个div并自动设置滚动条(溢出:auto);设置绝对定位(position:absolute),设置top和bottom,top的值等于头d...

如何让div里面的p出现滚动条?
1、先新建一个html文件,并在head中添加样式表【styletype="text\/css">\/style>】。2、在body中添加一个DIV,并引入一个CSS,命名为【aaa】。3、给这个DIV添加背景色,并定义它的宽和高。【background:#FA2;width:400px;height:600px;】。4、然后添加如下代码。【position:fixed;left:50%;top:...

设置div滚动条滚动到指定位置?
js设置div滚动到固定位置可以设置div的scrollTop值。div当中有滚动的时候,设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画,可以使用css3的过渡或者动画函数,jquery可以用animate函数。动态页面的操作(滚动屏幕到指定元素位置)和DIV滚动条滚动#第一种方法:focus(这个是元素正好在屏幕中间)targetE...

如何给div加横向滚动条如何给div加横向滚动条框
1、(高度和宽度根据需要设定)注意:如果只写高度,只有垂直滚动条,只写宽度,只有水平滚动条,所以什么都不写没有效果。同样在这里,overflow设置为auto,也就是说如果你的页面高度大于300px,就会有滚动条;如果小于300像素,就不会有滚动条。同样,如果宽度大于100px,则出现滚动条;如果宽度小于100像素...

如何让div只有垂直滚动条
div有很多滚动条样式,如果只要垂直的话,参考如下:css写法:<DIV style="OVERFLOW-Y: auto; OVERFLOW-X:hidden;><\/DIV>。js写法:div.style.overflow-x="hidden"。DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是...

一个div 在页面的中间显示,当滑动滚动条的时候,div向上移动,移动到浏 ...
加载jquery插件 ebooking_fs这个换成要浮动的div的id <script type="text\/javascript"> \/\/search-box 随屏幕滚动 var _box_y = $("#ebooking_fs").offset().top;var _box_x = $("#ebooking_fs").offset().left;(window).scroll(function(){ if($(window).scrollTop() > _box_y){...

DIV怎么设置滚动条
对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来设置div盒子对象右侧和底部滚动条效果。同时也可以使用CSS样式设置html框架iframe的滚动条隐藏,接下来为大家介绍。一、CSS基础认识 - TOPoverflow-y:scroll; 总是显示纵向滚动条overflow-y:visible : 不剪切内容...

Div我只要竖的滚动条怎么写CSS?
overflow-y:auto; height:200px;高度超过200像素出现垂直滚动条,X轴出现水平滚动条

怎么让页面不显示滚动条但某个DIV允许有滚动条
1、html,body:将默认出现的滚动条,完全地隐藏,这样不管什么内容都不会出现了。2、virtual_body:写一个假的body,设置它的长宽为100%,这样利用可视的浏览器窗体显示所有的内容,并垂直允许出现滚动条。3、fixed_div:用它进行绝对值进行定位,因为在这个容器下,该页面100%的被假冒body覆盖了,滚...

怎样实现网页中div可随鼠标滚动一定距离然后固定
position:absolute),设置上边距(top:0);2、底部定义一个div,固定高度,设置绝对定位(position:absolute),设置下边距(bottom:0);3、中间定义一个div,设置滚动条自动( overflow: auto); 设置绝对定位(position:absolute),设置top和bottom,top的值等于头部div的高度,bottom的值等于底部div的高度 ...

相似回答