scroll-view

微信小程序自制scroll-view横向滑动滚动条(仿拼多多)

效果图实现代码index.wxml{{childItem.name}}{{childItem.name}}index.js//获取应用实例varapp=getApp();Page({data:{navigate_type:'',//分类类型，是否包含二级分类slideWidth:'',//滑块宽slideLeft:0,//滑块位置totalLength:'',//当前滚动列表总长slideShow
hanxue_tyc·2020-07-31 17:31

小程序swiper 和scroll-view结合做切换的滑动效果（taro）

importTaro,{Component}from'@tarojs/taro'import{View,Text,ScrollView,Image,Swiper,SwiperItem}from'@tarojs/components'import{fromJS,is,List}from'immutable'import{throttle}from"../../common/Utils"import'
after you·2020-07-31 17:11

微信小程序 scroll-view横向滚动轴 怎么出现？

横向滚动一横向滚动二横向滚动三横向滚动四解释说明scroll_vide_waiceng====>height:110px;：scroll-view容器高度要设置,否则效果不好用。
午夜灬玫瑰焰·2020-07-31 17:02

小程序实现分页 && 重复加载的问题(锁 && 避免死锁)

文章目录场景分析解决完整代码场景小程序分页分页的时候，如果用户在服务端返回数据之前，快速的多次触底(触发下一页请求的问题)分析小程序实现分页的方式分为两种一种是使用scroll-view，通过bindscrolltolower
cominglately·2020-07-31 16:30

微信小程序如何实现scroll-view隐藏滚动条

微信小程序实现scroll-view隐藏滚动条的方法之一：首先我们来看一下，scroll-view的一些属性组件使用竖向滚动时，需要给一个固定高度，通过WXSS设置height。
chengyunkua2890·2020-07-31 16:36

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

wxml关注我的微信公众号【前端基础教程从0开始】，加我微信，可以免费为您解答问题。回复“1”，拉你进程序员技术讨论群。回复“小程序”，领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”，领取300G前端，Java，微信小程序，Python等资源，让我们一起学前端。wxss.recommend_scroll_x_box{height:245rpx;white-space:nowrap
baidu_41601299·2020-07-31 16:18

微信小程序Scroll-view的一个心得

今天写小程序突然要用到Scroll_view看了网上好多的教程，然后自己写发现都不对，最后仔仔细细的看了一遍开发文档才知道那里错了。当时是这样写的{{item.diming}}...{{item.city}} 只写一个浮动的css.fudong{float:right;/*background-color:red;*/position:fixed;bottom:150px;right:1
大狗不是狗·2020-07-31 16:40

关于uniapp使用swiper及swiper-iteam及scroll-view上下滑动及宽高问题（一）

swiper绑定一个高度在swiper-iteam下嵌套scroll-view,并设置scroll-vi
SupAack·2020-07-31 14:20

微信小程序scroll-view

scroll-view使用scroll-view可滚动到对应区域,注意:使用竖向滚动时，需要给scroll-view一个固定高度，通过WXSS设置height。
Smile_ping·2020-07-31 14:10

小程序Scroll-view上拉滚动刷新数据

小程序Scroll-view上拉滚动刷新数据因为项目需求，我需要做一个上拉刷新，但是我不是小程序的原生刷新生命周期函数事件小程序scroll-view，有一个滚到底部触发事件bindscrolltolower
Rechal_Mei·2020-07-31 14:28

小程序 - scroll-x

.iflex{display:-webkit-inline-flex;display:inline-flex;}scroll-view{height:100rpx;white-space:nowrap;
有风不止·2020-07-31 14:23

使用vue实现移动端h5的scroll-view

需求：移动端h5，页面顶部有nav-bar，下部有tab-bar，缺少中间内容盒子，当tab-bar页面切换时，页面滚动位置丢失，导致交互类似页面重新渲染根据这种需求，就衍生出了scroll-view组件
JiangYuXuan1994·2020-07-31 14:30

scroll-view 滑动到底部

在做聊天页面的时候,发送消息,消息会自动上移直接上代码viewjsdata(){return{scrollTop:0,//滑动距离mitemHeight:0,//所有消息的高windowHeight:0,//显示的高度}}methods:{//滚动scrollToBottom(){//哪里需要用到就在哪里使用letthat=this;letquery=uni.createSelectorQuery
HXH_csdn·2020-07-31 13:18

小程序——scroll-view 页面不滚动与隐藏导航条

页中加入以下代码就可以::-webkit-scrollbar{width:0;height:0;color:transparent;}2、页面不滚动的解决办法1、原因：我所碰到的2次页面不滚动都是因为scroll-view
BetterGG·2020-07-31 13:13

小程序中scroll-view的使用

scroll-view可滚动视图区域。使用竖向滚动时，需要给一个固定高度，通过WXSS设置height。
梦想小白菜·2020-07-31 13:41

mpvue使用微信小程序原生组件scroll-view，swiper，movable-view的方法

公司做小程序要用mpvue来做，mpvue没有文档肿么办，公司只有我一个前端啊啊啊啊，这下写代码纯属靠猜了这不遇到问题了，下拉事件怎么整，传统的ui组件会报错……，逼着用小程序原生的组件，写呗，但是触发不了事件啊，心累……好不容易弄好了，在这里以为例子介绍，mpvue使用微信小程序原生组件的方法，真心躺坑过来的，蓝瘦香菇……小程序官网例子是这样的官网地址verticalscrollclickmet
Shuah153·2020-07-31 12:59

微信小程序 scroll-view 隐藏横向滚动条（强迫症的福音）

最近在折腾自己的小程序，其中用到了scroll-view用的比较多了，一般在列表展示页都要用到这个，在进行滑动的时候边上都会有一条滚动条，竖向的还无所谓，横向的就看着很别扭了。
折腾不止的追梦人·2020-07-31 12:35

微信小程序-scroll-view滚动到指定位置（楼梯效果）和循环嵌套加载数据

效果如图：代码如下：wxml//使用循环嵌套data数据格式写对即可{{item.txt}}{{item.txt}}{{item.name}}jsPage({data:{toView:'red1',_click:0,left:[{txt:'新品',id:'new'},{txt:'手机',id:'phone'},{txt:'电视',id:'mv'},{txt:'电脑',id:'computer'}]
刘白超·2020-07-31 12:57

小程序 滚动条

一、scroll-view如何使用scroll-view详见：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
mChales...·2020-07-31 12:27

scrollView 微信小程序 scroll-view 去掉滚动条 隐藏滚动条 解决方案 解决方法

微信小程序去掉scroll-view滚动条的方式在微信小程序的项目开发中，时常有需要用到scroll-view的地方。但是使用scroll-view就难免的会出现默认的滚动条，很影响页面的样式。
SupperPigger·2020-07-31 11:50

微信小程序之scroll-view

微信小程序官方的Demo对于我难点就在于把scroll-x的子部件给弄到一排，还的，能用按钮控制出他的移动,官方Demo恰好没给出wxss代码，下面我给出实现代码注意white-space:nowrap千万不能少,其他的写法虽然能把他们弄到水平一排，但是他们大部分都是不能水平滚动，或者通过按钮控制元素滚动效果图:下翻右翻/*pages/begin/begin.wxss*/.bc_green{bac
RGBMarco·2020-07-31 11:17

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

而选择去掉滚动区域默认的滚动条，而在这里，就是为小程序去掉滚动条的其中的一种方法：scroll-view.wxml:scroll-view.wxssscroll-view.js最终显示效果如下;注意：（1）不能在scroll-view
a240570381099·2020-07-31 11:06

微信小程序视图组件scroll-view滚动条隐藏

描述::-webkit-scrollbarCSS伪类选择器影响了一个元素的滚动条的样式webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。::-webkit-scrollbar仅仅在支持WebKit的浏览器(例如,谷歌Chrome,苹果Safari)可以使用。、以下伪元素选择器去修改各式webkit浏览器的一个wxss文件的demo:./scrol
aspire_cj·2020-07-31 11:22

uni-app 获取 scroll-view高度 获取页面剩余高度 所占手机屏幕的剩余高度

uni-app获取自定义可视化高度1.问题场景直接上图我想获取下面的view可视化高度下边图片标记的框保证数据多时，内容可以滑动做到看视频时可以看到下方内容。2.解决思路从上图可见使用页面的总体高度-减去标题的红框上方的高度（多余高度）即可解决此类问题。也就是说height=pageHeight-otherHeight；3.官网描述(动态获取节点信息)4.示例代码完整代码示例贴出js部分代码省略根
以后永远·2020-07-30 17:46

双向滚动的scroll-view

scroll-view（x,y方向能同时滚动）最近在开发小程序的过程中碰到一个这样的需求，在一个可视区内，需要同时有“横向”，“纵向”的滚动才能满足，可偏偏小程序文档中给出的都是满足一个方向的滚动，而且
spring_zou·2020-07-30 04:24

微信小程序wxss样式设计入门

、wxml界面结构wxmL比较容易理解，主要是由八大类基础组件构成：一、视图容器(ViewContainer)：二、基础内容(BasicContent)组件名说明组件名说明view视图容器icon图标scroll-view
守望阁·2020-07-29 20:08

微信小程序---scroll-view在苹果手机上触底或触顶页面闪动问题

在项目开发中遇到一个关于scroll-view的的问题，具体如下：项目要求是横向滚动，由于直接在scroll-view组件设置display：flex不生效，因此考虑直接在scroll-view下增加一个
dibisha7239·2020-07-29 18:28

小程序 input键盘弹出时，滚动页面，输入框内容错位问题

当然，前提是你这个页面是超过一屏需要滚动的时候解决办法：1页面可通过样式的滚动（overflow-y:auto）来写，但是不要用-webkit-overflow-scrolling:touch;2页面用scroll-view
sqkh·2020-07-29 10:10

微信小程序之上拉加载更多效果 scroll-view bindscrolltolower=“nextDataPage“ 方法

html{{nomore?"没有更多了":"正在加载..."}}css.newhouseinfo{position:relative;width:100%;height:100vh;overflow:hidden;.picbox{position:relative;width:100%;height:480rpx;overflow:hidden;}}js:data:{nomore:0,isLoad
幽幽靖·2020-07-29 07:58

微信小程序scroll-view的坑

在scroll-view中不能使用flex布局！！！
AliyaChristian·2020-07-29 04:18

小程序tab切换列表页(基于mpvue)

tab切换列表效果：实现想法：头部tab使用div，fixed固定头部；下面内容使用的是swiper和swiper-item实现左右切换功能；接着在swiper-item中使用scroll-view实现列表的滚动
FarmanKKK·2020-07-29 03:51

scroll-view点击item使之滚动到屏幕中间

商城分类页面点击左侧分类，实现当前点击的分类滚动到屏幕视图中间位置,首先获取屏幕的宽度，再获取点击元素的宽度，计算一下就可以获得应该滚动的距离，再更改scroll-top='scrollTop'即可微信获取元素宽高的方法wx.createSelectorQuery().select(ele).boundingClientRect(function(rect){}).exec()          
liuh·2020-07-28 23:01

微信小程序 自动左右滑动切换展示图片

1.在index.wxml中代码编写：Scroll-view：可滚动视图区域Swiper：图片轮播容器indicator-dots：boolean类型，是否显示面板指示点（默认false）autoplay
sam_hammington·2020-07-28 23:52

小程序实现tab标签页，并且每个标签页独立实现加载更多（上拉触底）

原理：如果是普通页面的上拉触底事件可用小程序提供的：onReachBottom函数；但现在是tab页，每个页面要独立进行滚动加载，这里用到了scroll-view的bindscrolltolower函数
草鞋船·2020-07-28 22:10

uniapp + vue 定位聊天最新消息 实现滚动条一直在元素的最底部

使用scroll-view配合uni.createSelectorQuery()以及boundingClientRect()即可实现；{{item.msg}}:{{globalUser.name}}{{
艾莉宝贝·2020-07-28 21:32

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

微信小程序中scroll-view的几个坑1:设置scroll-x时,却不能横向滚动,因为view是block组件,但是这里用了flex就不能滚动了(想用flex布局,请开启属性enable-flex)
weixin_30932215·2020-07-28 17:38

微信小程序 iPhone6 ，iso10版本 scroll-view浮层 滑动穿透 滑动无效

在开发小程序的过程中遇到了在iPhone6下scroll-view滚动无效的问题微信社区同样的问题链接微信官方在社区每周|上周社区问题反馈以及功能优化更新（03.04-03.08）也说明了正在修复此问题
前端熊·2020-07-28 17:14

微信小程序scroll-view组件用法集合，包括各种问题和教程

微信小程序scroll-view组件用法集合，包括各种问题和教程，在微信小程序开发过程中，对于使用scroll-view组件有一定参考价值。
weixin_30498807·2020-07-28 16:07

微信小程序scroll-view实现按页滚动

如何实现小程序Scroll-view的按页跳转1.首先我们先了解scroll-view的相关属性scroll-into-view值为某子元素id则滚动到该元素实现代码wxml中的代码horizontalscrollclickmetoscrollintoviewclickmetoscrollwxss
你美依旧·2020-07-28 12:38

微信小程序wxss设置样式

、wxml界面结构wxmL比较容易理解，主要是由八大类基础组件构成：一、视图容器(ViewContainer)：二、基础内容(BasicContent)组件名说明组件名说明view视图容器icon图标scroll-view
陈伟chenwei·2020-07-28 10:35

uni-app中scroll-view的高度问题，填满剩下的高度且高度自适应

uni-app中scroll-view的高度问题，填满剩下的高度且高度自适应前言思路：实现过程：总结前言最近在做一个非常小的项目，使用的是uni-app的前端框架，在使用过程中遇到了一个问题，就是如何是
山河小曲·2020-07-28 09:10

uniapp使用scroll-view与swiper组件实现tab滑动切换页面需要注意的问题

效果图：tab栏可以滑动，切换页面跟随tab栏同步滑动。这里需要注意的是使用swiper组件时，它会有一个默认的高度，你必须动态的获取数据列表的高度覆盖原来的默认高度。下面是代码html{{item.txt}}{{item.tit}}{{item.user}}{{item.like}}玻尿酸水光针眼部鼻部瘦身塑型jsexportdefault{data(){return{currentTab:0,
Vam的金豆之路·2020-07-28 08:18

微信小程序顶部用 scroll-view 组件横向滚动，类似tab选项卡的效果，

{{item.name}}
qq_36294683·2020-07-28 07:49

微信小程序scroll-view横向滑动

api里只说明了纵向滑动的关键:设置scroll-view的高度，代码如下：wxml11111111111111111111111111111111111111111111111111111111111111111wxss.ver
_克林_·2020-07-27 20:50

微信小程序--字母栏（类似通讯录的字母栏）

今天给大家带来了自己在写项目时，做的一个例子，主要的功能就是类似手机通讯录的字幕栏，点击字母跳转到对应的位置，也有些类似js里的锚点跳转，小程序里scroll-view里给我们提供了一个很好的功能，scroll-into-view
回忆丶阑珊·2020-07-27 15:18

微信小程序 scroll-view 中使用flex布局

scroll-view小程序中为了可滚动视图区域要得使用scroll-view，但scroll-view有致命的缺陷，就是不支持flex布局。
Abudula__·2020-07-27 14:49

微信小程序快速开发-食堂菜单案例

用了小程序的swiper控件，swiper控件里面放置的是scroll-view控件。这里面设置的高度用的是百分比，这存在一定的问题。
喂-不吃素的熊宝宝·2020-07-27 14:40

微信小程序 scroll-view 组件的几个要点

横向滚动微信小程序scroll-view组件横向滚动需要设置scroll-x属性为true。
亮子介·2020-07-27 12:09

微信小程序触底加载分页

**微信小程序触底加载分页**1、scroll-view组件触底加载分页案例：微信小程序前台：JS:Page({data:{shaidanpages:1,//晒单开始页数allPagesshaidan:
码农PHP666·2020-07-22 20:33

小程序 - echarts渲染万级数据

个逻辑层与渲染层之间万级数据通信，个人感觉也会浪费时间或者性能千万不要把echarts图表写为独立组件，传递给组件的渲染数据即properties有大小限制，如超过5M(实际大小可能更小)，则栈溢出，程序崩溃最好不要使用scroll-view
李柏成_Burc·2020-07-17 10:18
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他