scroll-view

微信小程序里面的标签和html标签的对比、微信小程序基础之常用控件

一、视图容器(ViewContainer)：标签说明view视图容器scroll-view可滚动视图容器swiper可滑动的视图容器二、基础内容(BasicContent)标签名说明icon图标text
温暖会追上来的.·2020-07-15 19:02

微信小程序直播live-player和live-pusher踩坑记录

实现一个直播小程序踩坑汇总记录踩坑点记录1、关于live-player1）live-player全屏问题2）在全屏后的live-player上加视图，安卓机无法展示的问题3）解决live-player放在scroll-view
小歲月丶太着急·2020-07-15 18:44

微信小程序实现列表的横向滑动方式

微信小程序原生方式实现列表的横向滑动的两种方法：效果图：方式一：简单样式实现父元素设置：white-space:nowrap;//不换行overflow-x:auto;子元素设置：display:inline-block;方式二：scroll-view
·2020-07-15 15:17

小程序 scroll-view隐藏滚动条

webkit-scrollbar{width:0;height:0;color:transparent;}不过我加上这句话在IOS系统下还是会出现滚动条没有隐藏（有时候隐藏有时候显示，没搞清楚为什么）废话不多说，上思路：给scroll-view
逝年_2e92·2020-07-15 11:18

微信小程序之解决键盘与页面scroll-view问题

步骤：1，在scroll-view标签中添加：scroll-into-view='{{toView}}'，2，在
appleคิดถึง·2020-07-15 08:57

微信小程序scroll-view，点击menu，滚动到锚点；滚动到锚点，激活menu。

直接使用scroll-view的scroll-into-view属性，小程序文档。
weixin_39834214·2020-07-15 06:23

uni-app 利用 scroll-view 和 swiper 制作 顶部导航条 （可复用）

原文链接：https://blog.csdn.net/zkd953/article/details/82968200非常感谢原文作者！！！版权声明：本文为博主原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接和本声明。{{menuTab.name}}{{swiperDate2}}data(){return{scrollLeft:0,isClickChange:false,curre
未来梦。·2020-07-14 19:01

微信小程序，利用wx.createSelectorQuery动态设置swiper或者scroll-view的高度做手机适配

//计算滚动高度varwindowHeight=that.data.windowHeight;varheaderHeight;wx.createSelectorQuery().selectAll('.mine_header').boundingClientRect(function(rects){rects.forEach(function(rect){headerHeight=(rect.hei
qinyong^_^·2020-07-14 16:51

微信小程序开发 scroll-view 实现锚点标记

微信小程序开发，使用scroll-view实现长页面的标记跳转容器的官网文档说明:https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html
hellogen·2020-07-14 11:33

微信小程序scroll-view 组件实现横向滚动

{{item.text}}wxss:.nav{padding:5rpx0;white-space:nowrap;}.nav_item{padding:20rpx45rpx;font-size:30rpx;display:inline-block;}.nav_item.active{border-bottom:5rpxsolid#de688b;}js:data:{currentIndexNav:0,
瑞瑞小同学·2020-07-13 23:13

微信小程序scroll-view之左右联动

发现这个scroll-view还是有点知识点的。记一下，以防忘记。
老杨、·2020-07-13 19:46

小程序之点击跳转到对应内容

因为在wxml中，设置的元素的具体尺寸不同设备有不同的换算比例，那么就不能用具体的公式定义，后来，我研究了小程序组件scroll-view。发现如果用这个组件，刚才的所有
weixin_33766805·2020-07-13 17:24

【微信小程序】采坑之scroll-view组件

一、摘要今天在使用scroll-view组件的时候发现结果跟预想的不一样。其实也不是第一次用了，同样的写法却出现了意料之外的效果，所以认定是bug了。
badiu_30394251·2020-07-13 16:18

小程序：滚动scroll-view和轮播图swiper

如下：在wxml中使用scroll-view组件，组件里面用几个view视图显示。也可以放置文字或图片等内容。在wxss中设置样式。
tomorrownan·2020-07-13 16:56

小程序学习日记1

1.微信小程序组件解析：[1]视图容器movable-view，cover-image，cover-view，movable-area，scroll-view，swiper，swiper-item，view
1000sprites·2020-07-13 13:32

手机端会有滚动条（uniapp），上下滑动时或者左右滑动时，如何解决

false”,这是第一步，重点来了：还要在pages.json文件中加入"scrollIndicator":"none"注意：有可能安卓机没有滚动条，苹果机还是有，方法：App.vue增加如下样式可以去除scroll-view
陆小千很爱她·2020-07-13 12:39

解决微信小程序自定义弹窗滚动与页面滚动冲突

先看效果是否是自己需要的实现步骤：1.整个布局用作为根节点包裹所有view，并动态绑定scroll-view的scroll-y属性2.样式文件中设置Page的overflow-y属性值为hidden3.
c_c_.·2020-07-13 11:54

微信小程序之scroll-view横向滚动不能显示

之前在写scroll-view（可滚动视图区域）遇到一个问题，花一点时间记录分享一下，竖向滚动视图没什么大问题，只需要设置height：rpx;滚动高度区域，然而横向滚动区域就需要注意两个问题了。
猿来独往·2020-07-13 10:47

【代码】微信小程序 简单一个页面，网上图片展示

//wxss/*基础样式*/view,scroll-view,swiper,swiper-item,icon,text,progress,button,checkbox-group,checkbox,form
神创·2020-07-13 09:59

微信小程序开发中的注意点记录

小程序中的下拉刷新的实现onPullDownRefresh触发的注意点：需要在当前页面对应的json文件中设置'enablePullDownRefresh':true，当使用scroll-view的时候
闲余幽梦·2020-07-13 09:59

微信小程序 scroll-view横向滚动,实现写法

直接代码(展示五个，超过五个滚动，这写死了)(这主要是在scroll-view的下一级元素viewclass=flex-wrap动态赋值宽度)：菜单一菜单二菜单三菜单四菜单五菜单六Page({data:
前端小狮·2020-07-13 08:55

解决微信小程序自定义弹窗，滑动自定义弹窗底部的页面也一起跟着滑动的问题

解决方案，我总结了以下几种1、控制底部根目录scroll-view的scroll-y属性的true/false，控制底部滚动以及不滚动2、在自定义弹框最外层元素加上catchtouchmove=’true
goose leaves a mark·2020-07-13 06:27

微信小程序 横向滑动图片

在微信小程序中想要实现横向滑动图片列表这个功能，主要是依靠小程序中的scroll-view可滚动视图区域来实现，这个可以上下滚动也可以实现左右滚动，只需要设置参数就可以了，关键在于scroll-view
hgp0487561·2020-07-13 05:38

微信小程序实现tabs选项卡

选项卡在我们的日常开发中，使用的还是蛮多的，但是微信小程序中却没有直接提供选项卡组件，不过我们可以变通通过scroll-view和swiper组件来实现一个选项卡的功能。
huan_1993·2020-07-13 04:36

微信小程序实现列表左右滑动

1、我们可以把列表的元素放在scroll-view控件中，并且让scroll-view实现横向滑动2、把列表内容项的宽度占满手机宽度，利用rpx特性（自适应屏幕），默认iphon6就是750rpx，只要设置大于等于
小北1943·2020-07-13 04:05

微信小程序顶部滑动tab切换页面

1：wxml结构：tab标题因一排八个，所以使用scroll-view组件，使其可横向滚动。tab内容可左右滑动切换，使用sw
name阿喆azhe·2020-07-13 04:57

微信小程序——-会滑动的顶部tab选项卡

微信小程序——-会滑动的顶部tab选项卡主要是在scroll-view设置scroll-x=“true”,然后在设置scroll-left（横向滚动条位置）为一定的数值，就可以了不废话直接进入主题test.wxml
oys1341·2020-07-13 00:18

使用小程序scoll-view注意事项

scorll-view很好用，但使用时要注意一此事项1.scorll-view的内部不支持flex布局2.根据滑动方向的不同，x轴方向上的滑动，要给soroll-view的宽度给一个固定的值，如果是y轴方向上的滑动，要给scroll-view
浮裕的小鱼干·2020-07-13 00:23

微信小程序实现粘性布局sticky——注意事项

最近小程序要实现一个商城页面的切换菜单，处在页面的中间，滚动到最上面时，能够悬浮在顶部，最开始的解决方案是，外层使用scroll-view，监听滚动事件，当滚动到顶部时，菜单fixes布局，这样可以实现
暗影刀客·2020-07-12 22:14

微信小程序scroll-view做图片横向滚动

30rpx;}.image-groupimage{display:inline-block;width:375rpx;height:180rpx;margin-right:20rpx;}关键点是五个：1、scroll-view
scorpio_h·2020-07-12 22:21

uni-app中，自定义tab切换

scroll-view横向滚动tab{{item.name}}切换内容data中的数据需要typeList、active切换状态active:0,typeList:[{name:'M-无押金'},{name
fighting come on·2020-07-12 14:45

uni-app中构建tab选项卡

1.scroll-viewuni-app官方文档为我们提供了scroll-view。
前端007·2020-07-12 13:08

究极干货，完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边，右边滚动；右边滚动，左边也对应变化

究极干货，完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边，右边滚动；右边滚动，左边也对应变化微信小程序左右联动，点击左边右边滚动，滑动右边左边滚动及改变状态微信小程序左右联动
一码平川！·2020-07-12 11:56

微信小程序中scroll-view标签高度自适应问题

微信小程序中scroll-view标签高度自适应问题应用情景：当父级元素中除了scroll-view标签外的高度都已经知道，想使scroll-view填充余下的空间。
Jon Son·2020-07-12 10:38

小程序给scroll-view设置高度，使得它能适配各种尺寸的手机

scroll-view占满整个屏幕，且scroll-view的滚动不影响到页面其他地方的滚动在iphone6的尺寸下，scroll-view设置高度为1110rpx，就不会影响页面其他地方的滚动但是当屏幕尺寸调至
weixin_34205826·2020-07-12 09:14

微信小程序实战小小应用——豆瓣电影

包含的主要技术点如下：底部tab页标签的导航切换基本的布局展示（本例中多使用flex布局），图文混排事件处理；网络请求水平滚动scroll-view的实现运行的效果演示如下，其中“加入想看清单”功能和第二个
weixin_30716141·2020-07-12 06:16

小程序 计算scroll-view的自适应高度，防止整个页面进行了滑动

学习小程序已经快两周了，总结一下scroll-view使用遇到的问题先上效果图吧如图，我需要计算出scroll-view的高度，设置。
君之天·2020-07-12 01:32

微信小程序: swiper 的 swiper-item 下 scroll-view 无法滚动

微信开发工具v1.02.1802080swiper-item和scroll-view及其中间的所有view都需要设置height:100%;设置具体初始高度:style="height:{{winHeight
大大大大大桃子·2020-07-11 23:16

小程序 —— scroll-view 组件高度适配

你是我的芯，世界变幻，你我同在2019-08-01的模块复制几份-->js文件/***生命周期函数--监听页面加载*/onLoad:function(){letthat=this;//计算scroll-view
骚飞的猪·2020-07-11 20:07

微信小程序-横向滑动scroll-view隐藏滚动条

wxmlwxss.recommend_scroll_x_box{height:245rpx;white-space:nowrap;display:flex;}::-webkit-scrollbar{width:0;height:0;color:transparent;}.recommend_hot_box{width:230rpx;height:245rpx;margin-right:24rpx;
游走走·2020-07-11 15:29

微信小程序scroll-view组件自适应不同高度的手机

已知微信相比于H5开发有rpx这个单位可以自适应一些不同宽度的手机，但是有的时候需要自适应一些手机高度贼大的手机比如iphoneX系列所以scroll-view的wxss样式里肯定不能写死，我能想到的方法就是
对点出暴击·2020-07-11 15:44

微信小程序 - canvas层级最高问题，如何超越canvas的层级

原生组件暂时还无法放在scroll-view上，也无法对原生组件设置css动画。2.如何超越canvas的层级小程序cover-vi
简简单单OnlineZuozuo·2020-07-11 15:47

微信小程序scroll-view横向滚动问题

wxml:金融圈金融金融圈圈金融圈金融金融圈圈金融圈金融金融圈圈wxss:.slider{width:750rpx;height:106rpx;overflow:hidden;background:#fff;white-space:nowrap;}.slider.boxview{display:inline-block;padding:30rpx6rpx;margin:030rpx;color:#
bamboozjy·2020-07-11 02:01

uniapp之scroll-view组件的练习使用 （制作可滑动的菜单）

今天仔细研究了一下uniapp的scroll-view组件使用,顺便就做了一个可滑动的菜单，点击后能够切换样式欢迎到https://www.uniapp.club/thread-57.htm交流学习其中
asstudio·2020-07-11 02:58

微信小程序开发踩坑记

坑1：scroll-view与onPullDownRefresh冲突由于有几个页面需要将导航tab栏自动置顶，所以使用了scroll-view。
a310805·2020-07-11 01:36

微信小程序之scroll-view的flex布局问题

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

uni-app：scroll-view 实现上拉加载，下拉刷新 （代码笔记）

页面布局：{{item.list.time}}{{item.list.delivery}}你在[{{item.list.text}}]下的订单已送达出。（点击查看详情）{{loadingText}}importwsLoadMorefrom'@/components/wsure-load-more/load-more.vue';exportdefault{components:{wsLoadMore
熊小露的blog·2020-07-11 00:41

小程序笔记 - 实现锚点定位

在小程序中要实现锚点定位，需要使用到组件scroll-view需要用到的是scroll-into-view这条属性，这条属性的官网解释是这样的：scroll-into-viewString值应为某子元素
Too_sober·2020-07-11 00:05

微信小程序 - 实现导航栏和内容上下联动功能

github地址：https://github.com/sunshime/weChatSkill一、效果图：二、实现过程：  主要是使用scroll-view实现导航栏部分，用swiper实现下面的内容部分
紫菀檀ss·2020-07-10 22:38

微信小程序电影详情功能实现

实现电影详情页主要实现的功能是：点击热映及top列表中的电影可以跳转到电影详情页面一、主要需求：基本的布局改变（多使用flex布局），图文混排事件处理；网络请求水平滚动scroll-view的实现二、关键实现思路
ddddyla·2020-07-10 19:45
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他