※ 引述《xo1100 (虾蒸河粉)》之铭言： : 各位版上大大晚上好 : 小弟又有一些疑问要求救了m(- -)m : http://www.columnfivemedia.com/ : 那个网页在开始载入的时候 : 会出现一条的PROGRESS : 请问那效果是用CSS出来的还是有用JS处理 : 之前有上GIT去爬过可是都没有我想要的答案-_- 那条loading bar 是这个 <div class="loader" style="display: block; width: 100%;"></div> 用js去控制width跟display : 第二个问题是 : 目前在做CSS3的动画效果 : 如果要分次载入动画(卷轴往下拉的时候) : 是要设定哪方面才能做出来呢 : 像以下网页下拉的时候六个项目用动画的效果出来 : http://goo.gl/TSu4Kk : 目前小弟只想的出来是用@media设定长度 : 不知道这方向是不是对的 不是很懂你的意思 那种效果大概都是 监听scroll, 拉到设定的位置触发对某个元素加上class 透过transition做出动画效果 然後你看他会有时间差..是因为他加了setTimeout 就是经过你设定的时间後才加class.才做动画 : 还有如果缩小视窗 : 板块如何还有滑动的效果 : 不会生硬的直接跳到定位呢 : 大概像这个效果 : http://day-design.net/ : 这方面又是怎麽做出来的呢 有时这种效果看起来比较复杂的都是外挂 你看他汇进的js档去猜 js档上面都有注解.不难找 http://isotope.metafizzy.co/v1/demos/fluid-responsive.html : 这些事小弟几个月来学习还未解决的方面 : (光是在同一个浏览器而已 : 最近还发现在Firefox上JS跟css3效果跑不出来 : 用了moz也一样 orz) : 请问这几个方面有什麽关键字吗 : 再次感谢大大们的解答了 http://caniuse.com/ 可以到这看浏览器支援状况 跑不出来看console有没有错误.. 问题讲具体一点才有办法帮忙研究 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 175.180.117.230 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1428764920.A.2E3.html