之前在开发小程序的时候,有一个需求,页面滑倒指定位置时固定某一块内容,在此做个记录: 思路:1、监听滚动条的位置; 2、获取指定位置元素的高度; 3、当滚动条的高度大于指定元素的高度时,添加固定定位样式; 最终效果图如下: 代码部分: ...
概述 这是我开发微信小程序遇到的坑中的一个,专门记录下来,供以后开发时参考,相信对其他人也有用。 scroll滑到指定位置,有两种解决方案,一种是用scroll view标签,另一种是用wx.pageScrollTo这个api。 用scroll view标签 这个标签适合于屏幕内的小范围滚动和锚点滚动,分别通过scroll top和scroll into view这两个标签属性来实现。注意这是标签 ...
2018-03-13 23:53 0 3022 推荐指数:
之前在开发小程序的时候,有一个需求,页面滑倒指定位置时固定某一块内容,在此做个记录: 思路:1、监听滚动条的位置; 2、获取指定位置元素的高度; 3、当滚动条的高度大于指定元素的高度时,添加固定定位样式; 最终效果图如下: 代码部分: ...
页面上有一个元素或者组件,id 为 comment 则: var me = this; var query = wx.createSelectorQuery().in(me); ...
公司项目要做一个类似微信通讯录导航的效果,点击右侧字母页面滚动到相应位置。 因为微信小程序没有dom概念,所以不能使用锚点,也不能直接获取对应字母相对页面的偏移位置。此时只能使用小程序创建对象实例的API获取节点信息: 解释一下该代码的意思: 1.先创建 ...
<view class="box1" bindtap="toComment">查看回答</view> //...其他内容 <view class="bo ...
scroll.wxml: scroll.js: ...
-with-animation="true" 在设置滚动条位置时使用动画过渡 注意: scroll-view 一定要设置 height: ...
平常开发中可能会用到,当页面滑动到某一个位置时,需要固定导航栏或者某个元素在顶部位置,向上滑动又会回归原位,方法特别好实现,在小程序自带的方法 onPageScroll中可以得到滑动距离顶部的距离,在data公共数据中定义scrollTop,代码 ...
平常开发中可能会用到,当页面滑动到某一个位置时,需要固定导航栏或者某个元素在顶部位置,向上滑动又会回归原位,方法特别好实现,在小程序自带的方法 onPageScroll中可以得到滑动距离顶部的距离,在data公共数据中定义scrollTop,代码 ...