scroll-view

微信小程序 - height: calc(xx - xx)；无效

遇到一个小问题，记录一下问题：在微信小程序中使用scroll-view标签时，用height:cale(xx-xx)设置高度无效，在page中设置高度为百分百依旧无效解决办法：直接在最大的view标签中设置高度为百分百即可
藏锋于己·2019-12-30 12:00

小程序制作回到顶部按钮

第二种情况,当页面在离开顶部一定距离的时候，回到顶部按钮出现接下就是对代码的分析了：在这里我们如果要使用滚动事件的话，小程序规定最外层一定要使用scroll-view标签进行包裹，然后在设置scroll-y
ImLynn·2019-12-29 23:17

小程序下拉刷新没有小圆点的加载动画

解决方法就是让这两个颜色有明显色差就可以被分辨出来了，如下：{"backgroundTextStyle":"dark","backgroundColor":"#fff"},但是注意到如果页面上用了scroll-view
jialing_cccwei·2019-12-26 18:20

微信小程序组件探究和应用

1111.jpg把玩微信小程序组件微信小程序把玩《二》：页面生命周期，模块化，数据绑定，view组件微信小程序把玩《三》：scroll-view组件，swiper组件，icon组件微信小程序把玩《四》：
极乐叔·2019-12-25 08:45

scroll-view横向滚动

之前只是用sroll-view实现纵向滚动，没发现横向滚动实现起来需要注意的一些问题，所以现在记录，也算为时不晚吧。我的需求是横向滚动，里面显示一组带图片文字的按钮，点击收集formID。wxml文件：{{item.name}}wxss文件：.scrollContainer{width:100%;height:234rpx;border-top:1rpxsolid#EF639F;border-bo
舒小妮儿·2019-12-24 02:32

滑动切换视频功能的尝试

最近版本迭代中的需求里有这么一条：视频详情页面，页面上下滑实现视频上一个/下一个的切换拿到这个需求，我的思路有大致以下几种方案实现：1、使用scroll-view或者swiper实现切换分析：由于页面有
舒小妮儿·2019-12-23 06:26

吸顶卡顿问题

首先想到的当然是scroll-view的bindscroll了，监听一下scrollTop到一定高度就改变css样式为fixed。嗯，没毛病。结果安卓各种卡，甚至ios也卡。
不再犹豫Debug·2019-12-17 06:14

2019-05-17

小程序微信商品列表的左右联动现在最流行的带分类商品列表，就是需要滚动到不同的商品的时候，自动聚焦到当前商品分类的分类按钮上，具体效果图如下：（某团的外卖小程序...）处理方法很简单，极其暴力，就是把原有的商品列表，封装为小程序组件，然后把小程序组件放到scroll-view
Coolt·2019-12-15 06:28

小程序选项卡小Demo，可滑动控制

思绪1.选项卡使用scroll-view,实现可以滑动控制效果；2.使用current控制选项卡标题和内容的统一，实现同步操作；3.winHeight这个是我最常用的varcalc=clientHeight
javascript痴痴·2019-12-14 14:00

3. 小程序基础组件

常用视图容器view视图容器scroll-view可滚动视图区域movable-view可移动的视图容器，在页面中可以拖拽滑动。cover-view覆盖在原生组件之上的文本视图。
Augustzhao·2019-12-14 04:40

微信小程序之左右布局的实现代码

本文以一个简单的小例子，简述在微信小程序开发中左右布局功能的实现方式，主要涉及scroll-view，列表数据绑定，及简单样式等内容，仅供学习分享使用。
Alan.hsiang·2019-12-13 10:01

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

在微信小程序中，使用scroll-view实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用的scroll-into-view属性。
古兰精·2019-12-12 10:17

微信小程序scroll-view锚点链接滚动跳转功能

html{{item}}{{item.name}}js//index.js//获取应用实例constapp=getApp()Page({data:{toitem:'',keys:['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','P','Q','S','T','U','W','X','Y','Z'],data:
前端_李嘉豪·2019-12-12 10:11

微信小程序scroll-view详解及案例

一、首先介绍下scroll-view可滚动视图区域。
薇薇·2019-12-12 00:36

uni-app中使用scroll-view滚到底部时多次触发scrolltolower

一、前言、scroll-view基本属性：前言：前段时间使用scroll-view可滚动视图区域容器来做多个不同内容的展示（在我这个页面中同时使用了三个scroll-view做数据展示），因为这几个展示的内容的数据都比较的多
追逐时光·2019-12-08 20:00

支付宝小程序scroll-into-view跳转list无效解决方法

今天想写个点击跳转到指定位置的demo，就利用scroll-view的scoll-into-view属性，设置好toView后发现滑动并不管用，试了半天，发现有好几个问题，1.scroll-view设置了高度
柚子皮肤·2019-12-03 11:09

微信小程序的scroll-view

微信小程序的scroll-viewscroll-x,scroll-y必须设置一个，没有默认值scroll-x:scroll-view的样式表要包含white-space:nowrap;否则内部的元素回自动换行每一个
暂时还没有昵称2222·2019-12-01 07:19

微信小程序：在使用了<scroll-view>标签后，下拉刷新事件失效

没有数据了!//上滑加载更多数据onLoaderMoreMovies:function(event){if(this.data.requestUrl.length&&this.data.totalMovies>this.data.moviesListData.length){wx.showNavigationBarLoading();utils.http(`${this.data.requestU
放风筝的小小马·2019-12-01 05:57

微信小程序三个视图控件View、ScrollView、Swiper的解读及示例

index页面的WXML代码如下：{{motto}}View组件示范Scroll-View组件
微信51小程序·2019-11-30 23:56

小程序实现左右列表联动

用scroll-view标签中的scroll-into-view属性可以实现点击左侧分类栏控制商品1.png上代码/**我使用的wepy框架；开启了eslint所以没有分号data-id不能直接是数字所以我在前面拼了
卓小生·2019-11-29 15:52

mpvue 开发中问题

原生开发原生组件scroll-view中使用textarea、map、canvas、video组件出现冲突问题页面的脚本逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以不能在脚本中使用
chauI·2019-11-27 22:45

微信小程序用户滑动体验处理

问题2：scroll-view组件如何在保证滚动功能正
LUGY·2019-11-08 05:47

微信小程序如何使用scroll-view组件实现视图垂直滚动

在之前的文章中我相信大家对scroll-view有一定的了解，微信小程序如何实现scroll-view隐藏滚动条也示范了一些隐藏滚动条的方法。
xiaolanzi007·2019-11-07 08:33

绝望的scroll-view不滚动和高度设置无效问题合集

目前碰到scroll-view相关的问题一般都可以直接定位到没设置高度（或宽度），要么是设置了无效。
衣咸·2019-11-06 22:07

富文本组件wxParse，制作回到顶部按钮

122706yml55wxbbw9elv6u.png第二种情况,当页面在离开顶部一定距离的时候，回到顶部按钮出现122706e98gzjmtqqht82rc.png接下就是对代码的分析了：在这里我们如果要使用滚动事件的话，小程序规定最外层一定要使用scroll-view
乡水情缘·2019-11-01 13:54

微信小程序选项卡功能的实现

先来看下效果图：选项卡.gif功能分析：1、上部分是用Scroll-View，下半部分是用Swiper实现2、我们主要是控制Scroll-View的scroll-left和Swiper的bindchange
CholMay·2019-11-01 01:43

小程序左右联动效果实现

文章参考自：https://blog.csdn.net/weixin_39162041/article/details/87739797需求场景订餐小程序菜单左右联动点击左侧菜单右侧滚动很好实现，直接通过scroll-view
FE晓伟哥·2019-10-28 16:21

微信小程序wxss设置样式

、wxml界面结构wxmL比较容易理解，主要是由八大类基础组件构成：一、视图容器(ViewContainer)：二、基础内容(BasicContent)组件名说明组件名说明view视图容器icon图标scroll-view
蜘蛛游泳池·2019-10-12 19:46

uni-app实现滑动切换效果

对于这种功能，为单独封装成功组件，方便每个页面都能用到，tab顶部导航栏页面布局，使用uni-app提供的scroll-view
小周sri的码农·2019-09-30 16:00

微信小程序 教程之wxapp视图容器 scroll-view

相关文章：微信小程序教程之wxapp视图容器swiper微信小程序教程之wxapp视图容器scroll-view微信小程序教程之wxapp视图容器viewscroll-view可滚动视图区域。
·2019-09-25 06:48

微信小程序 教程之wxapp 视图容器 view

相关文章：微信小程序教程之wxapp视图容器swiper微信小程序教程之wxapp视图容器scroll-view微信小程序教程之wxapp视图容器viewView视图容器。
·2019-09-25 06:47

微信小程序 教程之wxapp视图容器 swiper

相关文章：微信小程序教程之wxapp视图容器swiper微信小程序教程之wxapp视图容器scroll-view微信小程序教程之wxapp视图容器view微信小程序视图容器：swiper滑动面板滑动面板属性名类型默认值说明
·2019-09-24 04:25

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

核心技术点：1、小程序scroll-view组件的scroll-into-view，scroll-with-animation.scroll-y属性。2、小程序的touch事件的应用。
·2019-09-22 23:40

微信小程序实现拖拽 image 触摸事件监听的实例

微信小程序实现拖拽image触摸事件监听的实例需要做个浮在scroll-view之上的button.尝试了一下.实现效果图：Android中也会有类似移动控件的操作.思路差不多.获取到位移的XY的变量,
·2019-09-22 23:21

微信小程序滚动Tab实现左右可滑动切换

一、wxml结构tab标题因一排八个，所以使用scroll-view组件，使其可横向滚动。tab内容可左右滑动切换，使用swiper组件实现为了偷懒，所以
·2019-09-22 23:20

微信小程序 仿猫眼实现实例代码

data:{movies:null,scrollTop:0,scrollHeight:0},onLoad:function(options){//生命周期函数--监听页面加载//这里要非常注意，微信的scroll-view
·2019-09-22 21:13

微信小程序 scroll-view实现上拉加载与下拉刷新的实例

微信小程序scroll-view实现上拉加载与下拉刷新的实例实现效果图：如图，使用小程序的scroll-view实现的上拉加载数据，下拉刷新数据，试下代码如下：js文件代码：varurl="http:/
·2019-09-22 21:02

微信小程序 scroll-view隐藏滚动条详解

一：scroll-view隐藏滚动条在书写网页的时候，往往会为了页面的美观，而选择去掉滚动区域默认的滚动条，而在这里，就是为小程序去掉滚动条的其中的一种方法：scroll-view.wxml:scroll-view.wxssscroll-view.js
·2019-09-22 20:45

微信小程序之 catalog 切换实现解析

组件名称：catalog组件属性：catalogData，type：String组件描述：这是一个子组件，数据从父组件中传递效果图：catalog目录为多个，使用scroll-view容器。
礼拜16·2019-09-12 10:40

微信小程序之 catalog 切换

组件名称：catalog组件属性：catalogData，type：String组件描述：这是一个子组件，数据从父组件中传递效果图：catalog目录为多个，使用scroll-view容器。
礼拜16·2019-09-12 08:00

Taro开发微信小程序遇到的问题和解决方法

解决方案:通过获取系统信息wx.getSystemInfoSync()拿到屏幕的高度，然后减去其他组件占位的高度,得到scroll-view容器的高
武小妞WLJ·2019-09-06 16:00

前端微信小程序资讯类仿今日头条微信小程序

需求描述及交互分析设计思路和相关知识点新闻频道滑动效果设计首页新闻内容设计首页新闻详情页设计我的界面列表式导航设计系统设置二级界面设计设计思路（1）设计底部标签导航，准备好底部标签导航的图标和建立相应的两个页面；（2）设计新闻频道滑动效果，需要借助于scroll-view
达达前端小酒馆·2019-08-25 12:00

前端微信小程序资讯类仿今日头条微信小程序

需求描述及交互分析设计思路和相关知识点新闻频道滑动效果设计首页新闻内容设计首页新闻详情页设计我的界面列表式导航设计系统设置二级界面设计设计思路（1）设计底部标签导航，准备好底部标签导航的图标和建立相应的两个页面；（2）设计新闻频道滑动效果，需要借助于scroll-view
达叔小生·2019-08-25 00:00

11.scroll-view滚动视图区域

scroll-view文档基础库1.0.0开始支持，低版本需做兼容处理。可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过WXSS设置height。
赵羽珩·2019-08-21 15:44

小程序scroll-view滚动居中

前言商场里的一个小需求小程序scroll-view开发一个可以滚动的tab组件，当点击大于屏幕二分之一标签时，将其移动到中间，点击向下的箭头展开所有，进行选择项目github地址vue版本戳这里vue时
乖摸摸头·2019-08-16 00:00

小程序-下拉刷新&&上拉加载

小程序实现下拉刷新和上拉加载更多有两种方式：1.通过小程序自带的页面相关事件处理函数onPullDownRefresh和onReachBottom来实现；2.通过scroll-view组件的bindscrolltolower
beatzcs·2019-08-06 09:22

微信小程序中scroll-view的几个坑

微信小程序中scroll-view的几个坑1:设置scroll-x时,却不能横向滚动,因为view是block组件,但是这里用了flex就不能滚动了(想用flex布局,请开启属性enable-flex)
小鱼吃猫·2019-08-01 14:00

微信小程序点击item使之滚动到屏幕中间

需求想做类似猫眼电影选场次会自动滚动到屏幕中间的效果如图是最终效果2.分析实现这种效果的方法有三种：1.直接使用原生CSS+js;2.使用swiper,一屏显示多个item,点击item会自动滚动到中间3.使用微信的scroll-view
CrazBarry·2019-07-26 12:40

小程序实现web锚点，点击跳到对应位置

https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html网址贴出来省的找了主要是scroll-view的这个属性
Acitylion·2019-07-24 17:10

微信小程序--实现横向导航滚动

目前在移动端头部横向导航属于一种很常见的页面结构,例如今日头条、网易新闻都采用了此方式将新闻进行分类.本篇文章以微信小程序为基础,实现横向滚动导航.最终的实现效果如下:wxml结构如下:{{item.brand_name}}使用scroll-view
_Kay_·2019-07-22 17:31
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他