注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 微信小程序-微信小程序－汉字拼音右侧导航

  2. wx_pinyin 汉字拼音右侧导航，支持单击和滑动 touch是计算触摸点是否落在某个字母相对位置的区间范围内，为真则添加样式并改变scroll-into-view的值 项目截图

  3. 所属分类：其它

    • 发布日期：2019-08-06
    • 文件大小：359kb
    • 提供者：weixin_39840387

  1. scroll-into-view, 如果可能，将元素滚动到视图中.zip

  2. scroll-into-view, 如果可能，将元素滚动到视图中 什么将元素滚动到视图中同时滚动任何滚动父对象，使该元素处于视图中。捐赠如果你想在财务上显示你的支持，我是在 Patreon示例示例需要它var scrollIntoView = require(scroll-

  3. 所属分类：其它

  1. mall-xiaohongshu-小程序模仿小红书.zip

  2. “小红书”——给你安利几个小程序的“坑”微信小程序写在前面　　小程序发布至今已有一年多时间，很多人都已经在小程序道路上狂奔。最近我也开始了学习小程序，学了一段时间后，想看看这段时间的学习效果，于是边学习边开始了我的第一个小程序。相信很多人都用过小红书吧，我可是被它安利了很多好东西呢，所以想着就仿写一个小红书的微信小程序吧。下面我就给大家“安利”几个我在写的过程中的“坑”。　　因为花的时间不多，功能有很多没有完善，页面写的不是很好看，请各位将就着看啦。╮(╯▽╰)╭ 　　准备工作  1. 开发环

  3. 所属分类：其它

    • 发布日期：2019-09-23
    • 文件大小：11mb
    • 提供者：weixin_38743481

  1. scroll-into-view, 如果可能，将元素滚动到视图中.zip

  2. scroll-into-view, 如果可能，将元素滚动到视图中 什么将元素滚动到视图中同时滚动任何滚动父对象，使该元素处于视图中。捐赠如果你想在财务上显示你的支持，我是在 Patreon示例示例需要它var scrollIntoView = require('scroll-

  3. 所属分类：其它

  1. 微信小程序仿通讯录功能

  2. 本文实例为大家分享了微信小程序实现通讯录功能的具体代码，供大家参考，具体内容如下 微信小程序模仿通讯录功能需要用到scroll-view标签 思路：首先需要获取到你所需要展示的数据样式的高度(这就需要用到微信给我们提供的一个API来完成了，因为小程序是没有DOM树结构的，这个可以去看我的前一篇里面有详细的记载怎么获取想要的元素的宽高。)，然后组合成一个高度数组(便于后面根据这个数组进行判断)，再获取滚动距离，用这两个比较判断之后就可以得出滚动的时候右边选中的字母了，然后再利用scroll-vie

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：55kb
    • 提供者：weixin_38732463

  1. 微信小程序实现锚点功能

  2. “锚点”功能在实际应用设计的好，可以提高用户体验。今天碰到一个类似下面功能： 由于页面数据比较多，除了做些上拉加载，下拉刷新等优化。还可以进行进行分类，如上图。功能要求:点击导航的菜单，相应页面的分类内容滑动到页面顶部。由于微信小程序页面无dom操作，改功能改如何操作呢？ 一开始想到 wx.pageScrollTo(Object object) 这个API，由于每个点击每个导航利用wx.pageScrollTo滚动到相应分类的scrollTop不能确定，所以放弃了。 后发现 scroll-vi

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：85kb
    • 提供者：weixin_38679651

  1. 微信小程序开发之好友列表字母列表跳转对应位置

  2. 微信小程序开发之好友列表字母列表跳转对应位置 前言： 在小程序里实现微信好友列表点击右侧字母列表跳转对应位置效果。写了个demo，核心部分很简单，所以没多少注释，如果遇到问题就加群问我吧。 核心技术点： 1、小程序scroll-view组件的scroll-into-view， scroll-with-animation. scroll-y属性。 2、小程序的touch事件的应用。 3、Js定时器的应用。 view页面代码： index.wxml class="container" s

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：45kb
    • 提供者：weixin_38567956

  1. mpvue实现左侧导航与右侧内容的联动

  2. 本文实例为大家分享了mpvue左侧导航与右侧内容联动的具体代码，供大家参考，具体内容如下 效果图如下： （1）左侧导航联动右侧内容 实现：点击左侧导航，右侧内容滑到对应的位置，并且导航上有current当前样式。 mpvue用的还是微信小程序提供的组件scroll-view，它里面有一个属性scroll-into-view，值为某子元素的id，滚动到该元素。 template: <li class=menu-item v-for=(item,index) in goods

  3. 所属分类：其它

    • 发布日期：2020-12-30
    • 文件大小：95kb
    • 提供者：weixin_38705723

  1. 小程序实现锚点滑动效果

  2. 要在小程序中实现锚点的话，就要用到 标签中的，scroll-into-view，详情可见文档 wxml： <view class='item-tab {{item.checked ?

  3. 所属分类：其它

    • 发布日期：2020-12-30
    • 文件大小：28kb
    • 提供者：weixin_38640443

  1. 微信小程序scroll-view组件实现滚动动画

  2. 本文实例为大家分享了scroll-view组件实现索引列表滚动动画效果，供大家参考，具体内容如下 效果图 实现原理 利用scroll-view的scroll-into-view属性进行定位； 利用scroll-view的scroll-with-animation属性实现滚动动画过度。 WXML <view bindtap=getCurrentCode class={{chooseIndex == index ? '.city-list-active' : ''}} wx:for

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：35kb
    • 提供者：weixin_38723105

  1. 小程序自定义组件实现城市选择功能

  2. 上篇文章有介绍一些小程序的自定义组件语法，这篇文章就不多做赘述，重点介绍组件的实现逻辑。 先把效果图贴出来，看看要实现的效果： 城市选择效果图.gif 首先还是设置布局，从实现效果看，组件可分成三个部分：展示城市数据的二级列表、侧边的滑动栏以及中间的提示框。也就是一个scroll-view，一个view布局以及一个text。最终确定的wxml布局文件如下： <view wx:for

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：82kb
    • 提供者：weixin_38670208

  1. 微信小程序实现锚点定位楼层跳跃的实例

  2. 微信小程序实现楼层锚点跳跃，点击不同的锚点进行位置跳跃： 利用：scroll-into-view 来实现 效果图如下： WXML: {{item.region}} <view wx:f

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：41kb
    • 提供者：weixin_38589774

  1. 微信小程序实现左右联动的实战记录

  2. 前言 最近在学习小程序，实现了左右联动的功能，记录一下思绪，方便以后参考。 最终的界面如下, 点击左边任意一个项目，右边会跳到相应项目的起始位置，右边滑动，左则会跳到相应的位置。 　 实现思路 在这里，右则每一项的高度都是固定的，方便定位当前滑动距离在哪一个大项（左则）里。右则的 scroll-view 使用了一项关键的属性：scroll-into-view，这个属性用来确定 scrollTop 的值的，当 scroll-into-view 的值和 scroll-view 里面的元素的id的值

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：134kb
    • 提供者：weixin_38534444

  1. 微信小程序实现YDUI的ScrollNav组件

  2. 本文实例为大家分享了微信小程序实现滚动导航效果的具体代码，供大家参考，具体内容如下 DEMO下载 效果图 实现原理 采用双 scroll-view 组件实现双滚动！ WXML <text bindtap=getStatus id=NAV{{index}} class=tui-nav-li {{index === statu

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：85kb
    • 提供者：weixin_38638292

  1. 如果需要，请滚动到视图：Element.scrollIntoView填充“需要”和“平滑”之类的内容-源码

  2. 这曾经是Element.scrollIntoViewIfNeeded的。 此后，CSS工作组决定在Element.scrollIntoView实现其功能，方法是使用scrollMode: "if-needed"选项。 因此，对该库进行了重写，以实现该规范，而不是即将弃用的规范。 安装 yarn add scroll-into-view-if-needed UMD版本也可以在上： < scr ipt src =" https://unpkg.com/scroll-into-view-if

  3. 所属分类：其它

    • 发布日期：2021-02-06
    • 文件大小：328kb
    • 提供者：weixin_42139302

  1. 微信小程序实现锚点跳转

  2. 本文实例为大家分享了微信小程序实现锚点跳转的具体代码，供大家参考，具体内容如下 1、先上效果图，看看是不是你想要的。 2、主要用到的微信小程序的scroll-view 组件实现该效果。核心主要是使用scroll-into-view属性跳转对应的标签页和标签内容区域和bindscroll事件监听标签内容区域距离页面顶部的距离来判断顶部的标签应该处于哪个标签。 3、wxml代码： <!-- scroll-into-view 可以跳转到绑定值对应的ID的标

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：50kb
    • 提供者：weixin_38608189

  1. 微信小程序 scroll-view 实现锚点跳转功能

  2. 在微信小程序中，使用 scroll-view 实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用 的 scroll-into-view 属性。 　　实现锚点跳转主要以下几点： 　　1、最外层容器使用 scroll-view 　　2、赋值scroll-into-view，如： 　　3、设置 scroll-view 滚动方向 scroll-y=”true” 　　4、跳转到的位置使用 id (定位)，如： <view class=lis

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：34kb
    • 提供者：weixin_38668335

  1. github精选：微信小程序滚动动画，点击事件及评分星星制作

  2. 前言   小程序上线刷爆了朋友圈，但是最近渐渐消沉了，很少有动静！最近公司项目需要，体验了一下微信小程序，制作了几个功能，布局感觉很简单，但是交互和动画等写起来确实很费劲，主要是因为他不能操作DOM，只能修改数据！下面介绍一下我制作小程序完成的几个小的功能，希望能够给开发小程序的朋友带来帮助！ 滚动动画制作   小程序制作回到顶部，或者滚动到某个位置，很简单，也有很多实现方法！ 例如： 1、动态改变它的 scroll-top 2、scroll-into-view 滚动到某个ID的位置 但是，问题

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：114kb
    • 提供者：weixin_38719719

  1. 小程序之scroll-view

  2. scroll-view 的属性 属性名 类型 默认值 说明 scroll-x Boolean false 允许横向滚动 scroll-y Boolean false 允许纵向滚动 upper-threshold Number 50 距顶部/左边多远时（单位px），触发 scrolltoupper 事件 lower-threshold Number 50 距底部/右边多远时（单位px），触发 scrolltolower 事件 scroll-top Number   设置竖向滚动条位置 scroll

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：33kb
    • 提供者：weixin_38705762

  1. 微信小程序的视图容器-- scroll-view

  2. scroll-view:可滚动视图区域 属性名 类型 默认值 说明 scroll-x Boolean false 允许横向滚动 scroll-y Boolean false 允许纵向滚动 upper-threshold Number 50 距顶部/左边多远时（单位px），触发 scrolltoupper 事件 lower-threshold Number 50 距底部/右边多远时（单位px），触发 scrolltolower 事件 scroll-top Number   设置竖向滚动条位置 sc

  3. 所属分类：其它

    • 发布日期：2021-03-29
    • 文件大小：42kb
    • 提供者：weixin_38582506
« 12 3 »