js滚动div顶部加载（js 网页代码 div随滚动条 移动到浏览器顶部 固定的问题）

本文目录

• js 网页代码 div随滚动条 移动到浏览器顶部 固定的问题
• 使用js或jq控制一个div，当滚动到页面顶部的时候固定在顶部，离开可继续滚动吗
• 1怎样用js实现先加载网页的一部分，等滚轮到一定位置再加载下面部分
• 求助:如果使用js\jq 控制一个div 当滚动到页面顶部的时候固定在顶部，离开可继续滚动
• JS或者jquery的上拉加载和下拉刷新是怎么实现的
• 还请教您个问题，如何在当前页面的最上端显示一个DIV，不管怎么滚动它始终显示在最上面谢谢

js 网页代码 div随滚动条 移动到浏览器顶部 固定的问题

//html
《body》  
《div style="background:#003366;height:500px;"》空div《/div》 
《div  class="purple" style="height:500px;width:200px;background:purple"》
《div class="nb" style="height:100px;width:100px;background:#9966FF"》移动到顶部固定不变《/div》  
《/div》
《div class="red" style="background:#ff0000;height:1500px;"》空div《/div》  
《div style="background:#ccc;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().top; 
    var Pur= $(".purple").offset().top;     //紫色块
    var Red= $(".red").offset().top;     //红色块
    //滚动条事件  
    $(window).scroll(function(){  
      //获取滚动条的滑动距离  
      var scroH = $(this).scrollTop();  
      //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定  
      if(scroH》=navH){  
        $(".nb").css({"position":"fixed","top":0});  
      }else if(scroH《navH){  
        $(".nb").css({"position":"static"});    
      }
      if(scroH 《= navH2){  
        $(".nb2").css({"position":"fixed","bottom":"15px","right":"15px"});  
      }else if(scroH《navH){  
        $(".nb2").css({"position":"static"});    
      }
      if(scroH 》= Pur && scroH 《= Red){
        $(".nb").css({"position":"static"});  //在紫色块的时候不固定
        $(".nb2").css({"position":"static"});  //在紫色块的时候不固定
      }
    })  
  })

使用js或jq控制一个div，当滚动到页面顶部的时候固定在顶部，离开可继续滚动吗

代码：
•$(function(){
•//获取要定位元素距离浏览器顶部的距离
•var navH = $(".nav").offset().top;
•//滚动条事件
•$(window).scroll(function(){
•//获取滚动条的滑动距离
•var scroH = $(this).scrollTop();
•//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定
•if(scroH》=navH){
•$(".nav").css({"position":"fixed","top":0});
•}else if(scroH《navH){
•$(".nav").css({"position":"static"});
•}
•})
•})

1怎样用js实现先加载网页的一部分，等滚轮到一定位置再加载下面部分

1. 思路：当滚动条到达底部时，调用js方法去加载数据

2. 代码如下：

   《div style="height:1600px;border:1px solid red"》设高度模拟滚动《/div》
   //引入js
   ***隐藏网址***
   《/script》
   《script type="text/javascript"》
   $(function () {
      $(window).scroll(function () {
         //浏览器所能看到的页面的那部分的高度
         var winH = $(window).height();
         var scrH = $(window).scrollTop();//滚动的高度
         //获取整个页面的高度 htmH为设置的滚动到的高度位置
         var htmH = $(document).height() - 100;
              //可见高度+滚动高度 超出 设置的高度，触发方法
         if (winH + scrH 》= htmH) {
   //到达底部-100的高度，触发方法
   alert(1);
         }
      });
   })
   《/script》

求助:如果使用js\jq 控制一个div 当滚动到页面顶部的时候固定在顶部，离开可继续滚动

1、新建html文档。

2、书写hmtl代码《div class="box"》    《!--代码开始--》《div class="main"》《/div》《div class="sub"》《div class="sub01"》《/div》《div class="sub01"》《/div》《div class="fixed"》我是固定的哟《/div》《/div》《!--代码结束--》《/div》。

3、书写css代码。《style type="text/css"》**{padding:0px;margin:0px;}.box{width:1000px;

;background:#ccc;margin:0 auto;overflow:hidden;}.main{width:770px;height:3000px;。

;background:#000;float:left;}.sub{width:220px;background:#FC6;float:right;}.。

4、sub01{width:220px;height:100px;background:#0CC;margin-bottom:10px;}.fixed

{width:220px;height:300px;background:#F66;font:normal 13px/30px \5FAE\8F6F\96C5\

9ED1;text-align:center;top:10px;}《/style》。

5、书写并添加js代码。《script src="js/jquery.js"》《/script》。这就完成了。

JS或者jquery的上拉加载和下拉刷新是怎么实现的

1、首先新建一个html文件，命名为test.html，在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

2、在test.html文件内，使用button标签创建一个按钮，按钮名称分别为“刷新页面”。

3、在test.html文件内，设置button标签的id为btn，主要用于下面通过该id获得button对象。

4、在js标签内，使用$(function(){ })方法在页面加载完成时，通过window.location.href获得当前页面的链接，并把链接保存在变量url中。

5、在js标签内，通过id(btn)获得button对象，给它绑定click点击事件，实现当按钮被点击时，使用window.location.href方法跳转至url，从而实现刷新页面的效果。

6、在浏览器打开test.html文件，点击按钮，查看实现的效果。

还请教您个问题，如何在当前页面的最上端显示一个DIV，不管怎么滚动它始终显示在最上面谢谢

非IE6的话可以用css
position:fixed(相对浏览器的定位);left:0px;top:0px;z-index:1
IE6不支持fixed，要用js控制将元素设为position:absolute，在滚动时改变top的值，top的值为垂直滚动条距顶端的距离