在实际运用过程中，发现设置了scroll-top无效，滚动条位置并没有发生变化，是因为微信小程序的官方框架处于性能考虑，初始化设置scroll-top不会重新渲染页面，需要将scroll-top的是放在一个事件内执行才可以生效。

禁止微信浏览器的下拉滑动 解决思路： 1 先禁止body的滚动事件 2 再给需要scroll的元素加上自定义的滚动事件 注：加入此代码后要给需要scroll的元素加上.scroll的class {代码...}

在微信小程序中，我们有时候需要实现一种滑动模块中实现页面滚动的效果，这就涉及到swiper和scroll-view的嵌套使用。需要注意的是，一定要在<swiper-item>组件下使用<scroll-view>，否则顺序错误会出现内容为空的情况。

这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现，组件用的是微信小程序的scroll-view逻辑就是获取右侧盒子的节点信息，获取右侧子分类的节点信息，当子分类滑动到顶部的之后，则切换左侧分类状态，而且当右侧子分类的位置处于触顶以及包含顶部位置的状态下，同样激活左侧分类状态。

完美解决safari、微信浏览器下拉回弹效果，只保留局部回弹效果。 CSS代码 {代码...} HTML代码 {代码...} JS代码 {代码...}

scroll-view的scroll-into-view无效，在支付宝小程序里scroll-into-view随着点击事件而改变，但是就是不会滚动，代码如下：<scroll-view scroll-y="true" style="height:100%;" scroll-into-view="{{scrollTopId}}" scroll-with-animation="true" enable-back-to-top="true">查了好久，终于找到一篇有用的文章，是...

商城分类页面点击左侧分类，实现当前点击的分类滚动到屏幕视图中间位置,首先获取屏幕的宽度，再获取点击元素的宽度，计算一下就可以获得应该滚动的距离，再更改scroll-top='scrollTop'即可

微信小程序开发总结 {代码...} 提醒 微信小程序不运行在浏览器，所以不能操作Dom，也没有document、window对象 每一个页面路径最多五层 {代码...} 没有外链，只能用app.json里配置的路由，a标签编译时会自动过滤掉 wx:for循环渲染时，要添加wx:key，否则报警告 使用<scroll-view>做x轴滚动时，要设置height属性，...

企业/个人门户网站 企业/个人自媒体网站 企业/个人手机购物商城APP网站 企业/个人微信小程序购物商城整站 开源地址 [链接] [UNIAPP横向滚动BUG] 横向滚动不生效：不生效是因为少了以下两行代码，添加上即可 {代码...} scroll-view的子标签里使用多行省略功能不生效 {代码...}

关于微信小程序的scroll-view组件，第一次写的时候是直接在scroll-view中用了一层容器包裹子元素，然后用了flex布局，并且是用了组件来实现的横向滚动，后面有提出改进，但是不记录下，就发现过了几天，就有点懵了

（city的json array里的首字母是我手工放置进去的，你也可以通过for循环获得city_en的第一个字符来自动添加，但是为了赢得了性能我舍弃了灵活性）

基于uni-app+vue+vuex+uniPop+swiper等技术开发的仿微信聊天室uniapp-chatroom项目，类似vue及小程序api语法使开发更加方便，实现了发送图文消息、表情(gif动图)，图片预览、地图位置、红包、仿微信朋友圈等功能

前段时间公司要做个歌词标记功能，标记副歌、前奏、无效内容等等。找了找没有找到类似的实现，只能自己实现一把。 功能已经上线了，这里记录一下用到的相关内容。 需求 可以拖动进度条修改播放进度 可以拖动歌词来修改播放进度 播放时滚动歌词 标记功能 测试地址：[链接] 实现 技术栈是 Vue + vant + better-scroll。开...

虽然在官方文档中没有给出这个组件，但是在源码中是有的。所以我们可以直接使用： {代码...} 但是我们需要微调一下样式，两种情况的演示代码如下： 已知内容高度 {代码...} 高度由内容撑开 {代码...}

通常，在小程序中，可以用scroll-view标签的scroll-into-view属性进行跳转，这是网上常见的方法，具体方法，就不详细说了，可以参考这篇文章 微信小程序-锚点定位

{代码...} 原文地址：mini programs 目录 scroll-view 的使用 关于 Swiper 的使用 下拉刷新与上拉加载 web-view 的使用 其它涉及到的内容 1. scroll-view 的使用 官方提供了 scroll-view（可滚动视图区域）组件，开发者可以很方便对其进行配置。在使用过程中，必须要指定 scroll-view 的一个固定高度，所以在某些情况下...

本文主要介绍了滚动视图组件（scroll-view）的各种常用功能，例如，垂直和水平滚动、滚动事件等，并通过例子代码来演示这些功能的使用方法1. 垂直滚动视图scroll-view是容器组件，如果该组件的子组件超过scroll-view的高度或宽度，该组件会允许子组件在垂直或水平方向滚动视图，以便显示其他没有显示的子组件。本节主要...

微信小程序封装上拉加载、下拉刷新组件 {代码...} 效果GIF图下拉刷新 上拉加载 **github 地址：[链接]自定义上拉加载、下拉刷新组件封装scroll.wxml {代码...} scroll.wxss {代码...} scroll.js {代码...} scroll.json {代码...} 使用自定义组件home.json {代码...} home.wxml {代码...} home.wxss {代码...} home.js {...

wx_selectArea 地址联动选择器采用微信小程序的 picker-view 组件 模板引入 提供 template 模板引入 引入wxml及wxss {代码...} 组件初始化 {代码...} 截图 旧版 小程序不支持 picker-view 组件时，用 scroll-view 模拟的联动选择器（不再维护） GitHub地址(含新旧两个版本)： [链接]

1.左边选择类别，右边菜单滑动到对应位置该功能只需要用微信小程序的组件：scroll-view 中 scroll-into-view属性即可，详细请看官方文档。