$(".navigation").children().eq(0).click(function() { $("html, body").animate({scrollTop: $(".footer").offset().top }, {duration: 500,easing: "swing"}) ...
分类:
Web程序 时间:
2017-11-25 13:06:43
阅读次数:
220
1.ios端的-webkit-overflow-scrolling属性可控制页面滚动效果,设置如下实现惯性滚动和弹性效果: 2.position属性导致的页面滚动不流畅问题: 如上代码所示,当absolute定位的容器内存在relative定位并且高度大于外置容器时,容器的滚动会出现卡顿闪烁现象,解 ...
分类:
移动开发 时间:
2017-11-18 18:47:57
阅读次数:
161
获取当前页面滚动条纵坐标的位置:document.body.scrollTop与document.documentElement.scrollTop 获取当前页面滚动条横坐标的位置:document.body.scrollLeft与document.documentElement.scrollLef ...
分类:
Web程序 时间:
2017-10-27 19:07:51
阅读次数:
169
很高兴在2017/10/14发表了自己的第一个博客随笔,不管你们怎么想,我自己觉得逼格瞬间高了起来。哈哈哈,哈撒尅。 有时候项目需要一些动画来提升用户体验,吸引用户注意力。这时wow是个不错的选择 wow.js依赖animate.css,不需要jquery;animate.css是纯css动画 官网 ...
分类:
Web程序 时间:
2017-10-14 17:03:06
阅读次数:
2238
一、scroll家族 offset 自己的偏移scroll滚动的 scrollTop和scrollLeftscrollTop 被卷去的头部当滑动滚轮浏览网页的时候,网页隐藏在屏幕上方的距离二、页面滚动效果事件window.onscroll=function(){页面滚动语句}三、获取scrollTo ...
分类:
其他好文 时间:
2017-10-11 01:01:05
阅读次数:
237
做页面的时候可能会用到位置固定的层,读取 document.body.scrollTop 来设置显示浮动框,像这样: 可是怎么没有达到预期效果呢,输出 document.body.scrollTop 的值一看,一直都是 0。原来是 DTD 的问题,要是页面直接用 开头的话就没有问题了。 但是要符合 ...
分类:
Web程序 时间:
2017-10-01 23:51:34
阅读次数:
442
1.图片. 要求:随着页面滚动 . 左侧应该顶着 浏览器顶部, 向上回滚, 就恢复原状. 2. 代码: html js: 3 .效果: 向下滚动: 左边固定在顶部 向上滚动: 左侧恢复 ...
分类:
其他好文 时间:
2017-09-24 21:24:17
阅读次数:
912
视差滚动指网页滚动过程中,多层次的元素进行不同程度的移动,视觉上形成立体运动效果的网页展示技术。 利用background-attachment属性实现。 background-attachment:fixed || scroll || local; 默认情况下,此属性取值scroll,页面滚动时, ...
分类:
其他好文 时间:
2017-09-08 14:49:27
阅读次数:
148
webtouch(webapp)页面,防苹果手机safari浏览器,网上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。 遇到问题 1、我一开始用swipeup和swipedown来做,发现因为有滚动条,不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势,后面的文章会介绍,欢迎关注 ...
分类:
Web程序 时间:
2017-09-05 15:52:28
阅读次数:
283