zoukankan      html  css  js  c++  java
  • 瀑布流请求数据的事件.

    瀑布流图片区域的滚动条滚动到了底部, 会发送ajax请求后台数据,再次渲染.  记一下这个事件是在什么情况下触发的. 因为牵扯到众多的api.防止忘记.

     触发的条件: 当可视区 +  滚动距离 >  瀑布流图片区域的高度 - 定值;

    代码:jquer版本和原生版

    var wrapperHeight = $(".wrapper").height();//wrapper是瀑布流图片区域
    // var documentHeight = document.body.offsetHeight; //也可以用body 
    window.onscroll = function(){
        var scrollHeight = window.pageYOffset;//滚动条滚动的高度,当然这个兼容的话要考虑很多ie的情况,就不写了,写多了我也记不住,一般现用现查
        var innerHeight = window.innerHeight;//可视窗口高度
     
        // var scrollHeight = $(window).scrollTop()//滚动条滚动的高度
     // var windowHeight = $(window).height(); 

    if(windowHeight + scrollHeight > wrapperHeight){

    alert('到底了') //
    }

    }
  • 相关阅读:
    Docker ntpdate Permition error
    Sublime+Golang Plugin
    顺序表和链表的区别
    Python 性能优化——对象绑定
    Fix git 提交代码错误
    UVa 10523
    UVa 10551
    UVa 10814
    UVa 10925
    Practice Round China New Grad Test 2014 报告
  • 原文地址:https://www.cnblogs.com/dangdanghepingping/p/10553609.html
Copyright © 2011-2022 走看看