zoukankan      html  css  js  c++  java
  • 瀑布流布局

    
    
    //滚动
    window.onscroll = function() {
    		var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
    		if(scrollTop >= 120) {
    			oBack.style.display = 'block'
    		} else {
    			oBack.style.display = 'none';
    		}
    		oBack.addEventListener('touchstart', function() {
    			document.body.scrollTop = 0;
    		})
    
    		var pageHeight = $(document).height();
    		// 可视区域高度           
    		var viewHeight = $(window).height();
    
    		var aList = oNav_list.getElementsByTagName('li');
    		if((scrollTop + viewHeight) > (pageHeight - 20)) {
    			setTimeout(function(){
    				if(aList.length<=30)
    			{
    				switch(page)
    				{
    				case 0:
    						url="data/News"+1+".json"
    						loadInfo(url);
    						break;
    				case 1:
    						url="dataiewpoint"+1+".json"
    						loadInfo(url);
    						break;
    				case 2:
    						url="data/shopGuid"+1+".json"
    						loadInfo(url);
    						break;
    				case 3:
    						url="data/tushuo"+1+".json"
    						loadInfo(url);
    						break;
    				case 4:
    						url="data/activity"+1+".json"
    						loadInfo(url);
    						break;
    				case 5:
    						url="datasiness"+1+".json"
    						loadInfo(url);
    						break;
    				}
    			}
    			},500);
    			
    		}
    	}
    
    
  • 相关阅读:
    java 命令
    测试事件响应修改界面内容
    ASP.NET MVC 解决账号重复登录问题
    Redis 安装
    js返回页面顶部
    Brackets 前端编辑器推荐
    一点点............
    响应式——em,rem,px
    新知识——响应式
    面试心得
  • 原文地址:https://www.cnblogs.com/sakura-sakura/p/6678209.html
Copyright © 2011-2022 走看看