// setInterval(function(){// console.log($(window).scrollTop())//获取滚动距离// },300)// // on("click") 和 click()的区别 : click是单一的事件,而on可以加多个事件及自定义事件,以及对应事件不同 ...
分类:
Web程序 时间:
2017-03-18 13:05:16
阅读次数:
207
1。各浏览器下scrollTop的差异IE6/7/8:对于没有doctype声明的页面里可以使用document.body.scrollTop来获取scrollTop高度;对于有doctype声明的页面则可以使用document.documentElement.scrollTop;Safari:safari比较特别,有自己获取scrollTop的函数:window.pageYOffset;Fi..
分类:
Web程序 时间:
2017-03-16 22:43:25
阅读次数:
213
先设置一个div 高度不能设置100% 。 ...
分类:
Web程序 时间:
2017-03-13 23:44:34
阅读次数:
241
项目的一个前端页面展示已购买商品时,要求能下拉加载更多。花了点时间研究这个功能,以前没做过。 首先需要给div加scroll事件,监听滚动条滚动动作。那何时触发加载动作呢?当滚动条滚到底的时候。如何判断滚动条滚到底呢? 当滚动条的高度加上滚动条到div顶部的高度等于div的可滚动高度时,说明滚动条到 ...
分类:
Web程序 时间:
2017-03-13 00:01:54
阅读次数:
300
//这里没有考虑兼容ie模式下 兼容一般主流浏览器 var $1 = document.getElementById('main') $1.onclick = function(e){ console.log(e.pageY); console.log(e.clientY); console.log... ...
分类:
Web程序 时间:
2017-03-12 19:23:37
阅读次数:
194
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html{ position: relativ ...
分类:
其他好文 时间:
2017-03-10 10:57:37
阅读次数:
181
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。 部分jquery函数获取方法 alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度 ...
分类:
Web程序 时间:
2017-03-07 11:51:16
阅读次数:
262
一、页面滚动加载图片的理解 当一个网页含有大量的图片的时候,往往在打开页面的加载的很慢,如现在的大型电商、新闻、微博等,如果一下加载整个网页的所有图片,那会是一个缓慢的过程,要想快速的浏览网页,我们这时候就需要用到了在滚动或滑动页面的时候加载图片的方法。即图片懒加载!!! 二、实现懒加载的思路 当打 ...
分类:
其他好文 时间:
2017-03-03 23:55:21
阅读次数:
425
其实浏览器也自带了返回的功能,也就是说,自带了返回定位的功能。正常的跳转,返回确实可以定位,但是有些特殊场景就不适用了。例如,某些元素是在某种情况下才加上的,又或者多级定位。 目前,我知道的返回定位到具体位置有两种方法: ①利用id定位,在跳转的时候带上某个模块的id,返回的时候定位到该处。 ②利用 ...
分类:
Web程序 时间:
2017-03-03 01:21:04
阅读次数:
272
$(document).ready(function(){ var p=0,t=0; $(window).scroll(function(e){ p = $(this).scrollTop(); if(t<=p){ //下滚 }else{ //上滚 } t = p; //更新上一次scrollTop... ...
分类:
其他好文 时间:
2017-03-02 16:28:24
阅读次数:
156