$(function () { $(window).scroll(function (){ if ($(window).scrollTop() >= 150){ //加入fixedNavCSS样式 $(".Dp-Navbar").addClass("fixedNav"); } else{//去...
分类:
Web程序 时间:
2014-06-21 06:39:29
阅读次数:
330
原理是根据屏幕上的坐标找到需要做 lazyload 的区域1,先监听 scroll 事件var threshold = 30 ,scrolling_ltwindow.addEventListener('scroll', function(){ scrolling_lt = new Dat...
分类:
其他好文 时间:
2014-06-20 19:08:18
阅读次数:
178
stickUp插件用于实现固定菜单栏效果,原理很简单,说白了就是监听document的scroll事件,滚动到特定值时,将特定元素的position设置为fixed,核心代码如下: 1 $(document).on('scroll', function() { 2 ...
分类:
Web程序 时间:
2014-06-19 08:39:07
阅读次数:
273
实例设置 overflow 属性:div { width:150px; height:150px; overflow:scroll; }浏览器支持所有主流浏览器都支持 overflow 属性。注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inhe...
分类:
Web程序 时间:
2014-06-18 20:15:37
阅读次数:
279
/*! Copyright Cdialog* version 1.0* liscense MIT*/var Cdialog = { showMask: true, //show mask isScroll:false, //auto detect scroll zIndex: 1000...
分类:
其他好文 时间:
2014-06-18 15:06:18
阅读次数:
329
1 $(document).ready(function(){ 2 var winH = $(window).height(); //页面可视区域高度 3 $(window).scroll(function () { 4 var pageH = $(docum...
分类:
Web程序 时间:
2014-06-18 12:55:00
阅读次数:
179
先解释下,background:transparent,默认在IE上会被解析成 background: none transparent scroll repeat 0% 0%
transparent表示透明无颜色
none 表示没有设置背景图片
repeat 表示图片重复
scroll 表示背景图片随浏览器下拉而滚动
0%水平位置在x0
0%垂直位置在y0...
分类:
其他好文 时间:
2014-06-16 22:29:27
阅读次数:
298
var navH = $(".diy_titleedit").offset().top; //获取要定位元素距离浏览器顶部的距离 var tit_fixed = true; $(window).scroll(function(){//滚动条事件 ...
分类:
其他好文 时间:
2014-06-15 09:02:44
阅读次数:
189
要实现这个功能,可以https://github.com/sroze/ngInfiniteScroll这个第三方控件实现的。实现步骤如下:1.
下载ng-infinite-scroll.js程序http://sroze.github.io/ngInfiniteScroll/
目前版本是1.0.02....
分类:
Web程序 时间:
2014-06-13 06:19:21
阅读次数:
10252
基本1、元素位置以像素度量,向右代表X坐标增加,向下代表Y坐标增加,X坐标和Y坐标可以相对于文档的左上角或者相对于其中显示文档的视口的左上角2、如果没有出现滚动条时(即文档比视口小时),文档和视口坐标系统是同一个,如果出现滚动条时两种坐标系间的转换需要加上或者减去滚动的偏移量(scroll
offs...
分类:
其他好文 时间:
2014-06-12 22:43:53
阅读次数:
301