scroll-view

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

1.scroll-view中的需要滑动的元素不可以用float浮动使其一行展示；2.包裹scroll-view的元素如果用display:flex;是没有滚动效果的；3.scroll-view中的需要滑动的元素要用
zhaohanqq·2020-08-01 08:47

uni-app中scroll-view标签 跳转到指定的位置

这是一个城市选择的界面下面是以字母开头的城市列表我要实现的功能就是点击右侧的字母跳转到指定的点击字母开头的城市首先看到的这个显示的城市是封装在一个组件我封装到了一个暂且A组件里面//scroll-into-view跳转到指定id的view元素的位置//这里是的cityList是由父组件传来的城市的所有信息//给每一个装开头字母的view绑定一个ID{{item.initial}}{{subItem
yunchong_zhao·2020-08-01 08:53

微信小程序 scroll-view滚动到索引位置

有一些重要的关键点请看上一篇文章微信小程序-scroll-view滚动到指定位置(一)主要用到scroll-into-view如果你想让他回顶部直接用scroll-top即可话不多说,看代码wxml[html
东边的小山·2020-08-01 07:27

uniapp网络请求/轮播图/scroll-view

设置尺寸自动转换HBuilderX-偏好设置-编辑器配置-px转rpx/upx比例750设计稿-比例750/750=1350设计稿-比例350/750=0.5640设计稿-比例640/750=0.85设置完成后，在代码中写100px时，会自动提示转换成相应数值设备rpx换算px：屏幕宽度/750，px换算成rpx:750/屏幕宽度；iPhone51rpx=0.42px1px=2.34px；iPho
yanghongyan001·2020-08-01 07:19

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

scroll-view:可滚动视图区域我们在.wxml文件中使用scroll-View我们在scroll-view中设置了4个view，这里绑定了，scroll-view滚动到顶部（垂直布局）bindscrolltoupper
博为峰51Code教研组·2020-08-01 07:23

微信小程序 scroll-view滚动到指定位置、 实现swiper slideTo 翻到指定页面，点击元素翻到指定页面效果 楼盘 沙盘效果

实现swiperslideTo翻到指定页面，点击元素，翻到指定页面效果楼盘沙盘效果scroll-view滚动到指定位置实现的效果是仿照房天下楼盘沙盘做的，可以看下房天下楼盘沙盘地址：https://m.fang.com
幽幽靖·2020-08-01 07:37

使用uniapp框架实现小程序的锚点跳转以及滚动监听

主要利用了scroll-view里面的属性一.首先是静态布局{{item.title}}{{items.title}}{{it}}二.script中的内容exportdefault{data(){return
进阶的巨人001·2020-08-01 06:36

微信小程序--下拉刷新与加载更多

下拉刷新实现下拉刷新有两种方式1.调用系统提供的下拉刷新的API2.监听scroll-view,自定义下拉刷新，适合自定义下拉刷新样式的小程序，以首页为例–home.json–"enablePullDownRefresh
吴小傻0·2020-08-01 06:45

uni-app 用scroll-view实现横向滚动

前端小白的uni-app艰难学习之路实现首先是效果图下面是布局代码：在读全部{{bookshelf.count}}本{{item.title}}注意！这里的block非常关键，去掉就不能在一行显示了接下来是css代码：.bookshelf{margin-top:540upx;.bookshelf-content{white-space:nowrap;//滚动必须加的属性width:100%;hei
shika233·2020-08-01 06:12

微信小程序：scroll-view改动内容自动滑动到页面底部

在项目中遇到对话机器人对话中，对话内容变动自动滑动到底部，采用的scroll-view中的scroll-top属性。
谈蕾蕾·2020-08-01 06:24

mpvue小程序实现（购物车）左滑删除

源码在最下（1）弯路：一开始是想到用scroll-view的组件来实现的。交互效果能实现了，但是@scroll，监听滑动事件时，无法动态改变sc
weixin_43743956·2020-08-01 06:36

uniapp + vue 实现滚动条一直在元素的最底部

查了好多资料，花了近一天时间，才弄明白uniapp+vue如何实现滚动条一直在元素的最底部废话不多少，直接上上代码：使用scroll-view配合uni.createSelectorQuery()以及boundingClientRect
weixin_43168306·2020-08-01 05:12

微信小程序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:
前端_李嘉豪·2020-08-01 05:00

解决微信小程序scroll-view横向滚动scroll-x不成功，隐藏滚动条

多个商品想在一行横向滚动，于是想到小程序中的scroll-view，但是按照官网的教程代码粘贴使用了之后发现没有效果：思考之后，发现应该让我的所有商品不能折行，只能显示在一行才能有横向滑动的效果啊，于是我添加了
闹闹的闹钟·2020-08-01 05:01

小程序：scroll-view案例讲解

scroll-view.html然后把案例的代码甩上wxmlverticalscrollclickmetoscrollintoviewclickmetoscrollhorizontalscrollwxss/*scroll-view
杨亮亮·2020-08-01 05:46

微信小程序——scroll-view组件（可滚动视图）

scroll-view可滚动视图scrollview.wxml文件verticalscroll滚动horizontalscroll>scrollview.wxss文件.scroll-view-item{
pinazhang·2020-08-01 05:22

微信小程序页面 scroll-view滚动条隐藏

设置隐藏css/*隐藏滚动条*/::-webkit-scrollbar{width:0;height:0;color:transparent;display:none;}如果scroll-view高度为整个页面高度是不行的
cyclv·2020-08-01 05:50

微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view

view视图容器属性名类型默认值说明hover-classStringnone指定按下去的样式类。当hover-class="none"时，没有点击态效果hover-stop-propagationBooleanfalse指定是否阻止本节点的祖先节点出现点击态hover-start-timeNumber50按住后多久出现点击态，单位毫秒hover-stay-timeNumber400手指松开后点击
一只小辣鸡·2020-08-01 05:49

关于小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题

小程序组件scroll-view中分别有上下竖向滑动和左右横向滑动之分，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过），经调试发现：1.scroll-view
weixin_30528371·2020-08-01 03:59

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

在微信小程序中，使用scroll-view实现长页面的标记跳转，官方文档中没有例子演示，锚点标记主要是使用的scroll-into-view属性。
武小端·2020-08-01 03:52

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

文章转载自：https://blog.csdn.net/qq_24734285/article/details/53912799wxmlwxss.recommend_scroll_x_box{height:245rpx;white-space:nowrap;display:flex;}::-webkit-scrollbar{width:0;height:0;color:transparent;}.
_大猪·2020-08-01 02:32

小程序scroll-view左右滑动失效问题

先说一下需求：每一行商品数量超过三个的时候需要左右滑动，在小程序中明显需要使用的scroll-view组件，我们在scroll-view中中循环生成多个view标签，因为view都是块元素，自然是每一个
路了个飞·2020-08-01 02:52

微信小程序 scroll-view滚动到索引位置

{{item.wordindex}}{{item.wordindex}}//pages/order/car/add_car/car_brand/car_brand.jsvarapp=getApp()Page({data:{"brandList":[],"wordindex":[],"toView":'#',},onLoad:function(options){varthat=this;//页面初始
IT和尚·2020-08-01 02:05

微信小程序设置scroll-view高度并设置点击事件获取点击位置

（1）使用scroll-view必须设置高度，如何占用出去header之外的空间。
lidongxiu0714·2020-08-01 01:23

小程序 - swiper中嵌套使用scroll-view

效果如下需要注意的地方swiper标签有默认的高度，展示更多的话需要另外设置height值这里的scroll-view设置占满整个屏幕，height设置100%；swiper的height设置成屏幕的高度
jnChen10·2020-08-01 00:55

小程序开发Scroll-view横向滑动的问题

近日在学习小程序的开发，其间在进行scroll-view滑动组件时，发现了个坑，目前官方文档有缺陷。
AirOfHtml·2020-08-01 00:15

uniapp聊天对话滚动到底部

使用scroll-top使聊天对话滚动到底部scroll-view需要设置高度输入内容后，必然要在对话界面的底部显示内容，但是在uni-app下不知道如何能操作DOM来显示和定位，有说需要通过uni.pageScrollTo
renshanxk·2020-07-31 23:52

uniapp-滑动器scroll-view

*/white-space:nowrap；【写于scroll-view】3.内容：display:inline-block;x{{huadong.name}}{{huadong.info}}exportdefault
wy在路上·2020-07-31 23:48

mpvue开发微信小程序锚点滚动城市列表 引用scroll-view （代码全）

先上效果图：引用微信小程序官方的scroll-view组件https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
qq_42221334·2020-07-31 23:55

微信小程序实现左右联动

虽然这个功能很小，但我觉得一旦搞清楚scroll-view的原理就很有用处。首先查看微信小程序的官方文档：scro
DonJiger·2020-07-31 23:47

微信小程序 -- 去掉scroll-view滚动条（测试有效）

去掉scroll-view的滚动条其实很简单，只需要添加以下样式：scroll-view::-webkit-scrollbar{width:0;height:0;color:transparent;display
星星之火M·2020-07-31 23:14

小程序列表滚动

使用小程序的scroll-view组件实现列表页Contributorhong26commentedon13Dec2016scroll-view组件介绍scroll-view是微信小程序提供的可滚动视图组件
强哥12·2020-07-31 23:08

小程序scroll-view横向滚动`

wxml:横向横向横向横向横向横向横向wxss:.scroll-view_H{border:1rpxsolidred;display:flex;white-space:nowrap;//不换行最重要的1/2height:300rpx;}.scroll-view-item_H{border:1rpxsolidblue;width:30%;height:200rpx;display:inline-bl
Jetaime鱼·2020-07-31 22:23

小程序之设置 scroll-view区域 滚动到最底部

参考网址https://blog.csdn.net/aydongzhiping/article/details/79976846https://blog.csdn.net/java558/article/details/86001064注意，如果按以下两种方法中的步骤，都未实现效果，请检查1scroll-view的style样式中，height值不能为100%2请打印所遍历的数组this.data
灼灼桃花夭·2020-07-31 22:41

微信小程序使用scroll-view标签实现自动滑动到底部

//1.scroll-y="true"Y轴滚动//2.应该是设置了高才能行//3.使用scroll-top属性实现滚动到底部,scroll-top不要带单位{{item.text}}Page({data:{//列表recordList：'',height:'',scrollTop:0},onLoad:function(options){//获取当前窗口的高度varheight=wx.getSyst
冰淇淋真好吃·2020-07-31 22:09

2019最新填坑微信小程序 scroll-view 滚动条保持在底部（附效果demo）

注意：必须有高度,如果想要滚动条保持在底部,高度必须等于窗口的高度scroll-y='{{true}}'必须定义元素允许纵向滚动scroll-top='{{scrollTop}}'最后就是定义滚动条位置要求：scrollTop必须大于内所有元素之和{{index}}:{{item}}以下为js代码//pages/test/test.jsPage({/***页面的初始数据*/data:{dataAr
June.1·2020-07-31 22:10

uni scroll-view滑动到最底层

一个简单的scroll-view滚动到底部例子内部的scroll-into-view应该是也可以的，但是要设置固定的滚动高度，如果不设置高度，只能使用scroll-top计算高度因为是计算高度，所以设置高度是可以
百味苦·2020-07-31 22:32

微信小程序 scroll-view 滑动可视区域

微信小程序sroll-viewcss属性设置注意事项1.sroll-view必须设置white-space:nowrap段落文本中不换行2.子元素需要设置为内联块元素display:inline-block;3.滑动list最外层元素可以添加移除隐藏避免内容超出导致排版乱掉overflow:hidden;4.内联块元素无法设置margin-top与margin-right可以使用padding-t
IT_han·2020-07-31 22:16

微信小程序 scroll-view 实现锚点，点击跳到指定页面（位置）

微信小程序点击tab导航栏，滑动到对应的栏目内容位置，这也是常用的功能。效果图：用到的标签是.用户点击导航标签，触发函数，bindtap=‘jumpTo’，去setdata.标签的scroll-into-view="{{toViewid}}"，从而实现滑动跳转。代码如下：wxml:list0list1list2{{item}}js://index.js//获取应用实例constapp=getApp
迷途知返的熊猫·2020-07-31 22:06

微信小程序开发注意事项之|scroll-view的设置

微信小程序开发注意事项之|scroll-view的设置竖向滚动scroll-y在里添加属性scroll-y，可以设置为竖向滑动。
楠辞琦咎·2020-07-31 22:31

微信小程序scroll-view不能横行显示的问题，以及隐藏scroll-view滚动条

我想在页面顶部展示种类的tab，从后台动态获取并显示出来，自己也了解一些微信的小组件，就感觉scroll-view挺适合，然后就去官网API文档找找。
Key先生·2020-07-31 22:22

微信小程序 scroll-view的滚动条设置

小程序的scroll-view用的比较多了，列表页一般也没管它的滚动条，最近突然发现在android与ios中横向滑动的时候表现不一样。不一样在哪呢，ios上直接就不显示啊，也是没谁了。
鎏嫣宫守护·2020-07-31 21:45

微信小程序开发之下拉刷新 上拉加载

微信小程序中的下拉刷新,上拉加载的功能很常见,目前我知道的有两种可行的方法,一是scroll-view,二是整个页面刷新.今天说说第一种,自己造轮子,难免有些瑕疵,日后慢慢完善.上gif:原理:scroll-view
dzp_coder·2020-07-31 21:37

小程序所有的标签

一、视图容器(ViewContainer)：view视图容器scroll-view可滚动视图容器swiper可滑动的视图容器二、基础内容(BasicContent)icon图标text文字progress
蒙奇D路飞12138·2020-07-31 21:12

小程序如何隐藏scroll-view滚动条

，这不今天又遇到scroll-view的滚动条无法隐藏的问题反复查看了scroll-view的文档也没有隐藏滚动条的属性，也是很无奈呀，那我能怎么办呢？
幻想山外小楼听雨·2020-07-31 21:54

小程序scroll-view左右滑动联动效果

{{item.type}}{{item.type}}{{itemName.name}}varapp=getApp();Page({heightArr:[],distance:0,data:{currentLeft:0,//左侧选中的下标selectId:"item0",//当前显示的元素idscrollTop:0,//到顶部的距离serviceTypes:[{type:"标签1",services
hql丶1024·2020-07-31 18:45

小程序scroll-view实现上拉下拉加载刷新

data:{xialaType:false}pullup(){console.log("到底部了")},dropDown(){console.log("下拉刷新")that.setData({xialaType:true})console.log("结束后关闭")that.setData({xialaType:false})}
hql丶1024·2020-07-31 18:13

微信小程序学习-动态获取组件宽高

具体情况是做的小程序需要实现个功能就是有一个导航栏，点击导航栏能跳转到下方scroll-view中的对应位置实现方法是利用query具体参考这篇文章：https://www.cnblogs.com/zjjDaily
hjsss3·2020-07-31 18:25

微信小程序之scroll-view

scroll-view可滚动视图区域。使用竖向滚动时，需要给一个固定高度，通过WXSS设置height。
何东_hd·2020-07-31 18:52

【微信小程序】scroll-view实现字幕滚动

需求：实现框内的文字自下而上的自动循环滚动。解决方案：demo：https://github.com/yapeee/wx-text-rolling-demo通过控制滑动条来完成字幕滚动，通过setinterval完成字幕循环滚动。wxml:09:08很多人的一生，基本都是自己跟别人较劲，比如别人对自己的期待，比如把别人看得太重把自己看得太轻。其实一个人最应该考虑的问题是，自己如何与自己相处，比如人
yapeee·2020-07-31 17:32
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他