css中position属性(absolute/relative/static/fixed): position:static 无特殊定位,是html元素默认的定位方式,对象遵循正常文档流。top,right,bottom,left等属性不会被应用。 position:relative 对象遵循正常 ...
分类:
Web程序 时间:
2017-06-17 13:07:07
阅读次数:
220
要想实现电商网站的电梯导航效果,首先需要了解以下知识点: jquery 事件 - scroll() 方法 对元素滚动的次数进行计数,当用户滚动指定的元素时,会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。scroll() 方法触发 scrol ...
分类:
Web程序 时间:
2017-05-12 20:20:14
阅读次数:
365
CSS样式: HTML结构: 就让那一切成流水把那往事 把那往事当作一场宿醉 明日的酒杯莫再要装着昨天的伤悲 JS代码实现(需先导入jquery库文件): function moveTop(obj,num,tag1,tag2){ //容器元素 滚动行数 父元素 子元素 var iH =... ...
分类:
Web程序 时间:
2017-04-13 16:51:09
阅读次数:
257
说到浮动之前,先说一下CSS中margin属性的两种特殊现象 1, 外边距的合并现象: 如果两个div上下排序,给上面一个div设置margin-bottom,给下面一个div设置margin-top,那么两个margin会发生合并现象,合并以后的值较大的那个。 对于这种现象一般不用处理。 2,ma ...
分类:
Web程序 时间:
2016-12-26 21:12:40
阅读次数:
280
容器层 大小是图片大小,把风景图作为背景显示,no-repeat。这里用到一个小技巧,将background-attachment设成fixed,不随元素滚动,让子元素继承了本层的背景后,子元素就变成了一个viewport,移到哪儿就看到背景的哪儿。。。额。。。这句话理解起来有点困难,码农缺乏语言表 ...
分类:
其他好文 时间:
2016-11-12 22:16:07
阅读次数:
242
在网页中经常会遇到这样的场景, 网页比较长有滚动条, 然后网页内的某个内容块里面的内容也比较长, 也具有滚动条。当鼠标移到内容块中使用滚动条来滚动查看内容到达底部或头部的时候,父元素的滚动条也就开始滚动了, 非常影响体验, 特别是选择东西的时候。我们需要在滚动的时候不允许父元素也跟着滚动。有一种非常
分类:
移动开发 时间:
2016-02-26 16:47:52
阅读次数:
224
background-attachment 属性控制滚动元素内的背景图片是否随元素滚动而移动。这 个属性的默认值是 scroll ,即背景图片随元素移动。如果把它的值改为 fixed ,那么 背景图片不会随元素滚动而移动。 background-a...
分类:
其他好文 时间:
2015-10-19 22:38:35
阅读次数:
204
要解决两个需求:一个是从A页面跳到B页面,滚动到页面的任何地方;第二个是在B页面内部点击某个元素,滚动到页面的任何地方;怎么解决啊?很简单,当然是用锚点。首先在A页面创建一个锚点点击跳转然后在B页面定义这个锚点...这里是很多文字,把页面撑开,撑出滚动条...滚动到这里...再加点文字...好,测试...
分类:
Web程序 时间:
2015-09-11 20:50:08
阅读次数:
217
iscroll可以做的1,模拟原生的ios或者android等设备的元素滚动,app里的那种顺滑的滚动,仅仅使用一个轻量的js库实现(甚至更酷炫的视觉感受)2,手机端流行的下拉刷新,ajax异步加载无限滚动视差滚动等3.同时可以做水平方向上的轮播,手势滑动,借由捕捉dom元素分页显示...初始化 i...
分类:
移动开发 时间:
2015-06-06 19:27:08
阅读次数:
261
ScrollMagic是一款制作各种HTML元素滚动动画效果的js库插件。正如其名字一样,该jquery元素滚动动画库出插件可以制作出各种神奇的滚动动画效果。它甚至可以制作网页视觉差效果和瀑布流效果。
ScrollMagic动画库的强大之处在于:
基于滚动位置执行动画-无论是触发一个动画或同步到滚动条的滚动。可以在指定的滚动位置开始一个元素的动画-无论是无限或有限的循环次数。基于滚动位...
分类:
Web程序 时间:
2015-03-02 14:56:38
阅读次数:
299