码迷,mamicode.com
首页 >  
搜索关键字:scrolltop    ( 898个结果
jquery笔记
// setInterval(function(){// console.log($(window).scrollTop())//获取滚动距离// },300)// // on("click") 和 click()的区别 : click是单一的事件,而on可以加多个事件及自定义事件,以及对应事件不同 ...
分类:Web程序   时间:2017-03-18 13:05:16    阅读次数:207
JS之scrollTop详解
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
js实现页面触摸滑动
先设置一个div 高度不能设置100% 。 ...
分类:Web程序   时间:2017-03-13 23:44:34    阅读次数:241
下拉加载更多DEMO(js实现)
项目的一个前端页面展示已购买商品时,要求能下拉加载更多。花了点时间研究这个功能,以前没做过。 首先需要给div加scroll事件,监听滚动条滚动动作。那何时触发加载动作呢?当滚动条滚到底的时候。如何判断滚动条滚到底呢? 当滚动条的高度加上滚动条到div顶部的高度等于div的可滚动高度时,说明滚动条到 ...
分类:Web程序   时间:2017-03-13 00:01:54    阅读次数:300
分享js中 pageY = clientY + document.body.scrollTop 之间的关系
//这里没有考虑兼容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
Js/Jquery获取网页屏幕可见区域高度
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。 部分jquery函数获取方法 alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度 ...
分类:Web程序   时间:2017-03-07 11:51:16    阅读次数:262
页面图片懒加载
一、页面滚动加载图片的理解 当一个网页含有大量的图片的时候,往往在打开页面的加载的很慢,如现在的大型电商、新闻、微博等,如果一下加载整个网页的所有图片,那会是一个缓慢的过程,要想快速的浏览网页,我们这时候就需要用到了在滚动或滑动页面的时候加载图片的方法。即图片懒加载!!! 二、实现懒加载的思路 当打 ...
分类:其他好文   时间:2017-03-03 23:55:21    阅读次数:425
JS实现页面进入、返回定位到具体位置
其实浏览器也自带了返回的功能,也就是说,自带了返回定位的功能。正常的跳转,返回确实可以定位,但是有些特殊场景就不适用了。例如,某些元素是在某种情况下才加上的,又或者多级定位。 目前,我知道的返回定位到具体位置有两种方法: ①利用id定位,在跳转的时候带上某个模块的id,返回的时候定位到该处。 ②利用 ...
分类:Web程序   时间:2017-03-03 01:21:04    阅读次数:272
jq判断上下滚动
$(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
898条   上一页 1 ... 47 48 49 50 51 ... 90 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!