本次要实现的是一种常见的网页效果,如下: 页面由头部,导航,主体内容三部分组成,当页面发生滚动时,头部逐渐隐藏,导航部分向上移动,直到导航部分距离浏览器顶部为零时,导航部分固定不动,保持吸顶效果,如下所示: 我们分三步实现上面的效果。 首先是页面的基础结构,为了简化操作,将头部、导航部分和主体内容部 ...
分类:
其他好文 时间:
2018-09-16 22:28:04
阅读次数:
243
今天在使用scroll-view组件的时候发现结果跟预想的不一样。其实也不是第一次用了,同样的写法却出现了意料之外的效果,所以认定是bug了。博主使用的是2.3.0版本,所以之前的版本应该也会有这个bug。 ...
分类:
微信 时间:
2018-09-15 18:20:29
阅读次数:
480
backTop() { //回到顶部 let thisTOP = document.getElementsByClassName("router"); thisTOP[0].scrollTop = 0; }, replyToBottom(){ //回到底部 let thisTOP = documen... ...
分类:
其他好文 时间:
2018-09-15 18:13:56
阅读次数:
137
在做移动端商城或者其他页面的时候,经常会遇到左右联动的效果,今天小编vue2.0和better-scroll这个插件一起实现左右联动效果。 实现上面的效果,思路一定很重要,还有需求 1. 左边一级分类和右边二级分类形成联动 2. 当滑动右侧分类列表时, 更新左侧分类选中 3. 点击左侧一级分类项时, ...
分类:
其他好文 时间:
2018-09-14 17:19:54
阅读次数:
146
iscroll的dom元素的结构是固定的,swiper是容器,scroll是需要滚动的容器,list是滚动的内容 tips: 1、swiper定位必须为relative,并且高度设置固定值,overflow:hidden; 2、swiper的高度一定要小于scroll的高度 3、初始化uiscrol ...
分类:
其他好文 时间:
2018-09-13 14:23:13
阅读次数:
206
设置textView走马灯形式显示: 给Textview设置以上的属性,android:ellipsize="marquee"便是指定超出范围的时候以跑马的形式显示(注意上面的属性是只有在内容超出TextView宽度时候才有效果)。 不能用max_line属性,要用singleLine属性。 别忘了 ...
分类:
其他好文 时间:
2018-09-11 21:24:19
阅读次数:
199
经过本人查阅无数资料,最终得出一个比较简单,具有一定兼容性的结果。 $(window).scroll(function( ) { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document. ...
分类:
其他好文 时间:
2018-09-11 19:38:56
阅读次数:
170
UGUI与3d模型 http://www.xuanyusong.com/archives/4318 NGUI与3d模型 https://blog.csdn.net/qq_34696203/article/details/79150056?utm_source=debugrun&utm_medium= ...
分类:
其他好文 时间:
2018-09-11 14:08:25
阅读次数:
173
微信小程序的排版就跟wxml和wxss有关,它们两者相当于HTML和CSS,其中wxml指定了界面的框架结构,而wxss指定了界面的框架及元素的显示样式。 一、wxml 界面结构wxmL比较容易理解,主要是由八大类基础组件构成: 二、wxss wxss样式决定了组件应该如何显示,并在css的基础上做 ...
分类:
微信 时间:
2018-09-09 11:59:06
阅读次数:
1357