CSS实现自适应不同大小屏幕的背景大图的两种方法 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景大图,而且背景图片不会随着滚动条滚动而滚动。 ...
分类:
Web程序 时间:
2018-10-20 11:50:29
阅读次数:
282
要实现效果:一个y轴纵向列表,点击列表的元素时,让滚动条滚动,该元素定位到顶部 本来要实现这个其实是很简单,但由于是小程序里的,都是边摸索边做,所以走了很多弯路,一直试图用scroll-view的scroll-to-view属性来实现,结果试了一直不行, 那么换个思路,小程序api里有这个属性 wx ...
分类:
微信 时间:
2018-09-25 12:41:52
阅读次数:
635
京东楼层 判断条件 判断当前楼层什么时候进来 当前楼层的top值 < 滚动条滚动的高度-(当前楼层的高度*系数) 判断当前楼层什么时候在可视区 当前楼层的top值+当前楼层的高度 > 滚动条滚动的距离 ...
分类:
其他好文 时间:
2018-09-20 12:21:03
阅读次数:
110
有时候我们需要页面滚动条滚动到某一固定的位置,一般使用Window scrollTo() 方法。 语法就是:scrollTo(xpos,ypos) xpos:必需。要在窗口文档显示区左上角显示的文档的 x 坐标。 ypos:必需。要在窗口文档显示区左上角显示的文档的 y 坐标。 例如滚动内容的坐标位 ...
分类:
其他好文 时间:
2018-09-02 20:27:25
阅读次数:
604
最近碰见这样一个需求,要让图片横向排列设置x方向的滚动条滚动查看,原本当直接创建一个IFC(inline,float什么的)就解决了,搞了半天发现搞不定(IFC也是不能父元素宽度自适应子元素宽度之和的,因为会换行。。),最后用flex解决了(然后又发现使用table也是可以的),然后学了两个新名词G ...
分类:
Web程序 时间:
2018-08-22 22:05:07
阅读次数:
204
案例一:网站模拟登录 案例二:动态页面模拟点击 案例三:执行 JavaScript 语句 1.隐藏百度图片 2.模拟滚动条滚动到底部 ...
分类:
编程语言 时间:
2018-08-12 10:29:07
阅读次数:
181
转自:http://www.jizhuomi.com/software/191.html 滚动条控件简介 滚动条大家也很熟悉了,Windows窗口中很多都有滚动条。前面讲的列表框和组合框设置了相应属性后,如果列表项显示不下也会出现滚动条。滚动条分为水平滚动条(Horizontal Scroll Ba ...
分类:
编程语言 时间:
2018-08-11 23:23:46
阅读次数:
252
先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) document.documentElement.scrollTop //firefox (javascript ...
分类:
Web程序 时间:
2018-07-19 22:02:28
阅读次数:
234
解决办法:相加(IE8以及以下浏览器) 封装兼容性方法,可以实时返回滚动条滚动距离getScrollOffset(): <script type="text/javascript"> function getScrollOffset() { if(window.pageXoffset) { retu ...
分类:
其他好文 时间:
2018-07-01 11:46:56
阅读次数:
146