当前位置: 首页 > news >正文

网易做相册旅游网站广告推广计划

网易做相册旅游网站,广告推广计划,玻璃钢产品哪个网站做推广好,上海网站建设设计公司需求:页面有一列表,获取可视区域的数据;滑动过程中不处理,停止滑动后才获取。 实现原理:获取列表中每个条目的位置信息(元素顶部距可视区域顶部的距离),和可视区域比较,…

需求:页面有一列表,获取可视区域的数据;滑动过程中不处理,停止滑动后才获取。

实现原理:获取列表中每个条目的位置信息(元素顶部距可视区域顶部的距离),和可视区域比较,在可视范围内即认为可视元素

如下简单html结构
//列表
<view class="list">// 每个条目<view class="item" wx:for={{ data }} data-id={{ item.id }}>{{ item.name }}</view>
</view>
js方法
  • 如果不需要判断是否滑动,则在onPageScroll中直接执行getVisibleItems方法即可
最终得到的visibleItems即为可视区域的数据,是一个数组,可通过每个元素的dataset获取绑定在元素上的字段,如上述html中的字段id
Page({//....其他逻辑let scrollTimer = null  //定义一个全局的滑动定时器 用来判断是否正在滑动,如果不需要判断是否滑动,则在onPageScroll中直接执行getVisibleItems方法即可//页面滑动监听方法onPageScroll: function (e) {//一直滑动 一直清楚 直到滑动停止1s后,执行获取方法if(scrollTimer){clearTimeout(scrollTimer)}// 赋值延迟方法 停止滑动后执行scrollTimer = setTimeout(() => {this.getVisibleItems()}, 1000);},getVisibleItems(){//创建一个选择器const query = wx.createSelectorQuery().in(this);//获取列表内所有条目元素 在界面的位置信息query.selectAll('.item').boundingClientRect();query.selectViewport().scrollOffset();query.exec((res) => {//所有选中的条目数据const listItemRects = res[0];//获取设备的视口高度 (如果有底导航其他固定底部的元素可在此减去其高度)const viewportHeight = wx.getSystemInfoSync().windowHeight;// 获取可见的列表项const visibleItems = listItemRects.filter(rect => {//元素局顶部的距离 (如果顶部有固定的tab或导航栏可在此减去其高度)console.log(rect.top) console.log(viewportHeight)// 元素距离顶部的距离在此范围内 即认为在可视范围内return rect.top && rect.top < viewportHeight;})//visibleItems即为可视区域的数据,是一个数组,可通过dataset获取绑定在元素上的字段,如上述html中的字段id//可做后续逻辑处理})},
})
http://www.zhongyajixie.com/news/59485.html

相关文章:

  • 有做外国人的零售网站吗怎么做自媒体
  • 可以做直播的游戏视频网站网坛最新排名
  • 花钱做网站要多少钱seo是指什么意思
  • 秦皇岛 网站建设合肥网站排名推广
  • 少儿编程的好处网络优化需要哪些知识
  • 网站后台公告id修改免费大数据平台
  • 如何重建网站百度自媒体平台
  • 批量做网站引流今日热搜榜前十名
  • 凤台做网站网络优化网站
  • 如何做网站小编网络优化软件有哪些
  • 要建设一个网站需要准备些什么关键词挖掘爱站网
  • 外贸手工做兼职的网站2022真实新闻作文400字
  • 网站建设 软件开发的公司哪家好chrome官网
  • 做自己的网站企业中层管理人员培训课程
  • 数据库网站开发教程发布软文
  • 墨鱼网站建设今日热搜排行第一名
  • 网站备案号链接网站 seo
  • 手机网站开发目的优化设计六年级下册语文答案
  • 建网站挣钱靠谱吗如何做一个网站
  • wordpress 怎么添加即时联系窗口上海seo外包
  • asp怎么样做网站后台torrentkitty磁力猫引擎
  • 朝阳网站建设百度竞价排名广告定价鲜花
  • 专业做学校网站的公司手机卡顿优化软件
  • 西藏自治区住房和城乡建设厅网站域名批量查询
  • 北京顺义网站建设外链相册
  • 在网站做网管工作都做什么厦门百度代理公司
  • 佛山专业做网站的网络销售平台上市公司有哪些
  • 网站挖掘工具口碑营销5t
  • 郑州做网站价格如何做好品牌推广工作
  • 做心悦腾龙光环的网站百度推广关键词排名规则