固定的DIV，当滚动条到一定位置时一个DIV就固定了怎么做 如何使DIV的高度固定，当超出固定高度时，出现自动滚动条
1、新建html文档。
2、书写hmtl代码。
3、书写css代码。* { margin: 0; padding: 0; list-style: none; }img { border: none; }body { font-family: Arial, Helvetica, sans-serif; }。
4、书写并添加js代码。 。
5、代码整体结构。
6、查看效果。
单凭DIV+CSS恐怕不行，你要是会JQ可以这么干：
//jq部分$(document).scroll(function(e) {if($(document).scrollTop()!=0){$("#test2").stop(); $("#test2").animate({"top":"0"});}else{$("#test2").stop();$("#test2").animate({"top":"20px"});}});/* CSS部分 */#test2 { position:fixed; top:20px; background:#F30; }
只说方法，代码细节自己调。
.topfix{position:fixed;top:0;}/*固定悬浮样式*/
var oTop = $("#div").offset().top;//默认上边距离
$(document.body).scroll(function(e){//body滚动事件
if(document.body.scrollTop > oTop ){
$("#div").addClass("topfix");
}else{
$("#div").removeClass("topfix");
}
});
<!DOCTYPE html>
<html lang="en">
<head>
<script src="js/jquery-1.9.1.min.js"></script>
<title>Title</title>
<style>
.header{
width: 100%;
min-height: 30px;
background-color: red;
}
.footer{
position: fixed;
bottom: 0;
width: 100%;
height: 30px;
background-color: red;
}
.main{
margin-top: 35px;
min-height: 200px;
background-color: yellow;
}
</style>
</head>
<body>
<div class="main" id="main">main</div>
<div class="header" id="header">header</div>
<div class="main" style="min-height: 1200px;">main</div>
<div class="footer">footer</div>
<script type="text/javascript">
$(window).scroll(function(){
//这儿这个200是你的导航栏以上 的元素高度
if($(window).scrollTop()>$("#main").height()){
$("#header").css("position","fixed");
$("#header").css("top","0");
}else{
$("#header").css("position","static")
}
});
</script>
</body>
</html>
//你要效果图？？？ 傻缺么？？
写两套CSS 一套是默认的，一套是fix 然后进行判断，当scrollTop到了你要的位置的时候改变css为fix即可。
链接打不开 ，你这个先用js判断位置 ，当在最上面时 ，用固定定位 position:fixed
用jquery的话
.float {
position:fixed;
top:0px;
}
<script>
window.onscroll=function(){
if ($(document).scrollTop() >60)//这个60是距离顶部高度
{
$(".div").addClass('float');//
}else{
$(".div").removeClass('float');
}
}
</script>
你是否需要了解？
设置div滚动条滚动到指定位置?
js设置div滚动到固定位置可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。动态页面的操作（滚动屏幕到指定元素位置）和DIV滚动条滚动#第一种方法：focus（这个是元素正好在屏幕中间）targetE...
固定的DIV,当滚动条到一定位置时一个DIV就固定了怎么做
.topfix{position:fixed;top:0;}\/*固定悬浮样式*\/var oTop = $("#div").offset().top;\/\/默认上边距离$(document.body).scroll(function(e){\/\/body滚动事件 if(document.body.scrollTop > oTop ){ $("#div").addClass("topfix"); }else{ $("#div").removeClass("topfix"...
如何通过JQuery将DIV的滚动条滚动到指定的位置
("#div_id").animate({scrollTop: 100}, 300);以上代码可以实现，scrollTop 表示向下滚到多少距离，300表示滚动动画时间，单位毫秒先在指定的位置定义 一个 div。在js中获取该div，然后滑动到该div所在位置var container = $('div');container.scrollTop(100);\/\/滚动到div 100px("div").scroll...
如何用div实现页面上下部分固定,中间部分随滚动条移动而移动的代码
<div class="middle">可滚动内容<\/div> <div class="bottom">固定底部<\/div> <\/div> <\/body> <\/html> 通过这种方式，我们可以轻松地实现页面上部和下部固定，中间部分随滚动条滚动而上下移动的效果。
如何使DIV的高度固定,当超出固定高度时,出现自动滚动条
使用关键代码：overflow-y: auto，并且限制高度实现功能。实例演示如下：1、Html代码如下：一个简单的div，暂时内容为空。css样式如下：此时页面展示如下：2、在第一步div加入一些文字，如下：此时页面展示如下：已自动展现滚动条。
怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?
1、使用CSS CSS让DIV固定位置不随滚动条而滚动，fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。代码我们可以这样写：html{overflow:hidden;} body{height:100%;overflow:auto;} （2）我们可以利用绝对定位来...
如何让DIV固定在页面而不随着滚动条随意滚动
1、首先我们新建一个web项目，主要用到了html文件和css文件。2、然后在html文件中，有图中的代码，引入css文件和设置一个div标签。3、然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。4、然后运行项目后，可以看到div在右下角。5、然后滑动滚动条，即使到达底部后，div的位置依旧没有...
记· 滚动条滚动到指定位置(锚点)的不同实现方式
第三种方式：利用Element.scrollIntoView()方法。该方法在MDN上解释为实验功能，但在主流浏览器中可用且效果优秀。第四种方式：加入缓动效果提升用户体验。通过在需要滚动的div样式中添加代码，实现平滑滚动。第五种方式：完成一个完整的锚点缓慢滚动功能。至此，锚点功能已实现，提供给用户平滑、流畅的体验。以...
js 网页代码 div随滚动条 移动到浏览器顶部 固定的问题
height:1500px;">空div<\/div> <div class="nb2" style="height:100px;width:100px;background:gray;">移动到底部固定不变<\/div> <\/body> \/\/js$(function(){ \/\/获取要定位元素距离浏览器顶部的距离 var navH = $(".nb").offset().top; var navH2 = $(".nb2").offset...
如何用div实现页面上下部分固定,中间部分随滚动条移动而移动的代码
1、头部定义一个div，固定高度，设置绝对定位(position:absolute)，设置上边距(top:0);2、底部定义一个div，固定高度，设置绝对定位(position:absolute)，设置下边距(bottom:0);3、中间定义一个div，设置滚动条自动( overflow: auto); 设置绝对定位(position:absolute)，设置top和bottom，top的值等于头部...