ion-scroll

在列表局部显示中可能会用到滚动显示,查阅资料后,整理如下:

代码:

<ion-scroll>

//content

</ion-scroll>

这个是基本的,要注意用到了ion-scroll则必须指定它的width,height,否则不生效。

需要X/Y轴滚动

<ion-scroll scrollX='true'> <ion-scroll>

<ion-scroll scrollY='true'> </ion-scroll>

默认为Y轴滚动,然后就是滚动条自己感觉是不需要的,在scss文件中加入:

::-webkit-scrollbar {

display: none !important;

},

zoom:是否可以缩放:

<ion-scroll zoom='false'> </ion-scroll>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 随着项目开发的深入,功能的逐渐完善,做到后面就开始要追求用户体验的优化了。之前在app的首页上有一个抢购模块是通过...
    hhjjj1010阅读 4,208评论 20 4
  • display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别...
    纹小艾阅读 1,686评论 0 1
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,338评论 0 11
  • 今天看到群里二美发通知,没有完成上一周作业的群友同学被拖进了小黑屋,虽然庆幸我没有被列入黑名单,因周六周日休息不用...
    绿兔子000阅读 481评论 0 0
  • 家里有车了!看着这个庞然大物,我萌生了驾驭它的念头。于是,报名,学习,考试,一连串的流程下来,我终于拿到了本儿,...
    浅言默语阅读 362评论 3 2