aos.js超赞页面滚动元素动画jQuery动画库 aos.js超赞页面滚动元素动画jQuery动画库 插件描述:aos.js 是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的 ...
分类:
Web程序 时间:
2017-08-15 16:03:45
阅读次数:
182
如果一个网页很长,那么该页面的加载时间也会相应的较长。而这里给大家介绍的这个jQuery插件scrollLoading的作用则是,对页面元素进行动态加载,通俗的说就是滚到哪就加载到哪,屏幕以下看不见的就不用加载了。这样还可以在一定程度上节省服务器资源。该插件作者的网页将该插件的功能和使用方法描述的非 ...
分类:
Web程序 时间:
2017-08-02 23:43:34
阅读次数:
451
达到回到顶部效果主要原理就是修改滚动条距离顶部的位置为零,滚动条距离顶部的位置介绍: 获取当前页面滚动条纵坐标的位置:document.body.scrollTop与document.documentElement.scrollTop 并且,document.body.scrollTop与docum ...
分类:
Web程序 时间:
2017-08-02 18:52:20
阅读次数:
181
var $window = $(window), $body = $('body'), $bgMask = $('#page_header_container .bgMask'); $window.on('scroll', function() { if (parseInt($window.scro ...
分类:
其他好文 时间:
2017-07-31 10:02:55
阅读次数:
112
首先了解一下背景知识 scrollTop scrollTop,scrollLeft 元素滚动的位移 一般获取页面滚动距离用 document.body.scrollTop offsetTop offsetTop,offsetLeft元素的相对于文档或是父元素的位移 是元素的border离父元素顶部的 ...
分类:
其他好文 时间:
2017-07-31 01:05:58
阅读次数:
176
看黄轶老师用vue高仿饿了吗视频的一些总结 项目资源:通过vue-resource和后端数据进行交互,通过vue-route实现不同页面之间的路由,通过第三方js库better-scroll实现页面滚动。项目采用组件化编写,提升代码的复用性。用localstorage实现数据的存储。 Vue是一种M ...
分类:
其他好文 时间:
2017-07-28 00:26:34
阅读次数:
178
当页面有滚动条时,按空格键会滚动页面,这是浏览器的默认行为,去除该默认行为即可。 注意:给keydown事件绑定~ ...
分类:
编程语言 时间:
2017-07-27 14:27:16
阅读次数:
217
better-scroll是一个页面滚动插件,用它可以很方便的实现下拉刷新,锚点滚动等功能。 实现原理:父容器固定高度,并设置overflow:hidden,子元素超出父元素高度后将被隐藏,超出部分可滚动且没有滚动条。 立即使用: 结合vue使用: 通过npm引入 1. 安装better-scrol ...
分类:
其他好文 时间:
2017-07-19 17:50:12
阅读次数:
419
解决移动端页面滚动后不触发touchend事件 问题 在移动端页面进行优化时,一般使用touch事件替代鼠标相关事件。用的较多的是使用touchend事件替代PC端的click和mouseup事件。 可是,touchend事件在页面滚动时有个问题。在滚动完毕后,假设当前触点的位置所指的元素绑定了to ...
分类:
移动开发 时间:
2017-07-16 11:25:21
阅读次数:
925
CSS的布局方式有:双飞翼、多栏、弹性、流式、瀑布流、响应式布局 这里主要说三种常用的布局方式: (1)瀑布流布局 视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,不断加载数据块并附加至当前尾部。优点 a、有效降低了界面复杂度,节省了空间,不需要臃肿复杂的页码导航链接或按钮。b、对触屏设备来说 ...
分类:
Web程序 时间:
2017-07-15 21:45:29
阅读次数:
344