页面滚动到底部自动加载下一页功能的实现,效果见本博首页1、endlesspage.js文件内容var gPageSize = 10;var i = 1; //设置当前页数,全局变量var finished = false;var dataUrl = '';$(function () { //根...
分类:
其他好文 时间:
2015-12-07 17:47:16
阅读次数:
1188
前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。取值:scrool:默认值,背景随页面滚动而移动,即背景和内容绑定。fixed:背景图相对于视口固定,...
分类:
Web程序 时间:
2015-12-01 12:23:20
阅读次数:
277
//判断页面滚动到顶部和底部 $(window).scroll(function(){ var doc_height = $(document).height(); var scroll_top = $(document).scrollTop(); ...
分类:
移动开发 时间:
2015-11-17 18:58:57
阅读次数:
187
在浏览有些网站时,发现图片是在下拉滚动条时才加载,这是一个很不错的用户体验。这一效果是通过JavaScript 编写的 jQuery 插件实现的,它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很...
分类:
Web程序 时间:
2015-11-16 19:13:25
阅读次数:
148
滚动到顶部$('.scroll_top').click(function(){$('html,body').animate({scrollTop:'0px'},800);});滚动到指定位置$('.scroll_a').click(function(){$('html,body').animate(...
分类:
Web程序 时间:
2015-11-14 19:22:05
阅读次数:
286
//1.页面滚动加载 $(document).ready(function () { //本人习惯这样写了 ??? $(window).scroll(function () { ??????? //$(window).scrollTop()这个方法是当前滚动条滚动的距离 ??????? //$(wi...
分类:
其他好文 时间:
2015-11-14 15:14:59
阅读次数:
279
1.使用animate()来操控页面滚动, obj.offset().top 对象距页面顶部的距离,left距页面左边,js中obj.offsetTop为对象距离定位父级的距离,注意区分。$('#btn').on('click', function (){ $('html,body').ani...
分类:
Web程序 时间:
2015-11-10 15:43:43
阅读次数:
127
左边悬浮的二维码会跟随页面向上或者向下滚动,最后停留在原来的位置。
分类:
Web程序 时间:
2015-11-10 12:14:24
阅读次数:
268
我看看是否能描述清楚这个需求:现在有两块相关的区域:左列表,右操作说明。列表可能很长,有垂直滚动条;那么在滚动的时候,希望右侧的操作说明保持不动,好随时查阅。这好办,将右侧的操作说明所在的DIV的position设成fixed,如此即可在左侧列表滚动之时岿然不动矣。问题是,整个页面也有一个垂直滚动条。当这个页面滚动条滚动时,这个fixed的操作说明,顿时位置突变,跑到它原先的顶部,遮盖了其他的内容。...
分类:
其他好文 时间:
2015-11-05 10:48:02
阅读次数:
249