scroll-view

微信小程序中 scroll-view滚动条始终在最底部

另外scroll-view得高度也必须给一个指定
日落班·2020-06-29 05:20

微信小程序（六）

scroll-view常用的属性bindscrolltoupper和bindscrolltolower，这两个属性是指当滚动到距离顶部或底部一定距离时触发事件，距离由lower-threshold和upper-threshold
隔壁阿源·2020-06-29 02:09

小程序开发基础-scroll-view 可滚动视图区域

小编/达叔小生小程序开发基础-scroll-view可滚动视图区域这里只展示纵向滚动，横向同理就不用说明了，可自己尝试，横向滚动属性为scroll-x，把纵向滚动改为横向滚动即可。
weixin_33995481·2020-06-28 09:43

微信小程序使用scroll-view的布局方法

最近在做微信小程序的时候用到了scroll-view这个组件，官方文档表明在使用竖向滚动时，需要给组件一个固定高度，但是在实际应用时需要自适应高度，需求如下。
weixin_33953249·2020-06-28 08:21

微信小程序

组件使用问题1、scroll-view滚动到指定位置：用到scroll-view的scroll-into-view属性使用场景：按字母顺序滚动聊天框最新聊天信息在底部http://blog.csdn.net
Sharise_Mo佩珊·2020-06-28 00:16

微信小程序----wxss设置样式

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

uni-app——想说爱你不容易之踩坑系列

1.uni-app不支持动态组件，目前在用v-if判断，或者用scroll-view切换，没有想到什么其他的办法2.uni-app不支持具名插槽，会导致页面塌陷3.uni-app在做动态样式渲染的时候可能会对高度
weixin_30550081·2020-06-27 21:25

微信小程序选项卡之跳转

如下图：选项卡静态布局思路：主要用到scroll-view与swiper标签，选项
weixin_30538029·2020-06-27 21:51

微信小程序之scroll-view布局及bindscrolltolower事件不触发的问题

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

微信小程序把玩（九）scroll-view组件

scroll-view为滚动视图，分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。
顺子_RTFSC·2020-06-27 09:10

微信小程序-scroll-view横向滚动和上拉加载

今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方。先看最终效果。
前端向朔·2020-06-27 07:01

微信小程序利用scroll-view封装下拉刷新上划加载分页组件

在components文件夹中新建组件，文件结构如下图：commonScrollY.wxml代码如下：{{pushLoadingText}}commonScrollY.js代码如下：Component({/***组件的属性列表*/externalClasses:['bottom-class'],//外部样式类options:{multipleSlots:true//在组建定义时的选项中启用多slo
山有木兮木有枝 心悦君兮君不知·2020-06-26 20:36

从京东购物，印象笔记看小程序左滑交互的实现

方案一：使用scroll-view，代表：印象笔记随时记原理用scroll-view实现左滑删除交互的原理非常简单，设置一个支持横向滑动的scroll-view，同时将子组件的宽度设置
federerchou·2020-06-26 18:26

微信小程序 —— wxss设置样式

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

微信小程序入门（六）常见内置组件 Text组件 Button组件解析 open-type的取值 View组件 Image组件 Input组件 scroll-view组件 共同属性

目录Text组件Button组件解析open-type的取值View组件Image组件介绍Input组件的介绍scroll-view组件介绍共同属性Text组件Text组件用于显示文本,类似于span标签
请不要再掉头发了·2020-06-26 10:04

微信小程序返回顶部

微信小程序返回顶部本博客将介绍不使用scroll-view的方法来返回顶部下面是具体的方法-**首先我们需要实时地获取滚动条的位置，我们可以使用onPageScroll:function(e){//获取滚动条当前位置
ramond_gp·2020-06-26 05:09

小程序使用swiper做选项卡切换 并且高度自适应

点击/滑动的页面切换效果，可以使用swiper来实现，但是swiper默认高度为150，不会自适应高度，所以当页面数据过多，超过页面可视区域，会导致页面无法上下滑动的情况解决办法：使用scroll-view
自～渡·2020-06-26 03:01

微信小程序--分类选择区域滚动到顶部时固定

实现思路：根据小程序自带的组件scroll-view自带有属性bindscroll（滚动时触发）。通过这个属性获取浏览器滚动条距离顶部的位置，通过这个位置判断class类的显示就可以了效果：600?'
a_莲·2020-06-25 19:50

微信小程序实现tab栏的吸顶效果（解析scroll-view组件scroll事件/onPageScroll事件的延迟问题）

需求在前端开发中，我们经常会遇到一个需求，在页面进行滚动操作的时候，当页面其中的某个元素滚动到某个位置，我们就让该元素停留在该位置。等到滚动小于某个值的时候，再让该元素继续随着页面滚动。这就是我们平时说的吸顶效果。实现方法根据我个人的总结，对于上述需求，我们在大多数情况下会选择使用下面方法来实现这个功能。实现思路：定义一个isFixed类，设置该类的样式为position:flex。监听滚动事件，
Bruser·2020-06-25 18:15

微信小程序 scroll-view 根据内容的高度自适应

微信小程序开发交流qq群173683895承接微信小程序开发。扫码加微信。正文：11111111111111111112.wwwwview{height:200rpx;background:wheat}3varis_1_height;Page({//生命周期函数--监听页面加载onLoad:function(options){varthat=this;wx.getSystemInfo({succe
a_靖·2020-06-25 09:19

微信小程序之wxss样式使用总结

1、scroll-view隐藏滚动条加入如下代码就好使了，特别方便::-webkit-scrollbar{width:0;height:0;color:transparent;}2、
Key先生·2020-06-25 07:35

小程序 scroll-view（横向）scroll-into-view无效

最近使用研究微信小程序的scroll-view组件进行横向布局时，在onload时使用scroll-into-view进行定位，实际结果却不是想要的。。
IT小打杂·2020-06-24 16:44

scroll-view的横向滚动

因为scroll-view本身的display:flex不生效。
maxwheel·2020-06-24 13:54

微信小程序动态获取scroll-view的高度

微信小程序动态获取scroll-view的高度本来想今天给大家写一个上传一个单图片或者多图片的封装函数，奈何今天起得晚，还要上班，就给大家介绍一个动态获取scroll-view的高度的方法。
仇益阳·2020-06-24 12:25

小程序组件之 scroll-view

scroll-view组件表示可滚动视图区域滚动分为左右滚动和上下滚动,分别使用样式scroll-x与scroll-y来展示如果它里面的多个组件在scroll-view视图区域内不能完全显示,则可以通过滚动显示
有所执着·2020-06-24 08:31

微信小程序 wxml组件开发（四） 切换页面

微信小程序的开发过程中，总是有一个页面要点击切换不同内容的版块的需求，例如：那么，如何实现页面切换功能，要使用，wx:for,scroll-view,swiper的功能在一起才能达成这个效果wxml页面
小墨工作室·2020-06-24 01:50

微信小程序 wxml组件开发（一） scroll-view

微信小程序是一款基于微信平台生态具有特色的APP，集中wxml(html),wxss(css),js(javascript),json(json)于一体的前端开发工具，主要开发空间是前端组件和功能，后端数据库一般采用对外对接的方式进行传参。前端通过调用和传递参数进行动态交互数据，再通过JS进行一定的处理和分析后传递给前端进行展示。这次，我们来主要介绍微信小程序的可滚动视图区域功能组件——scrol
小墨工作室·2020-06-24 01:19

解决微信小程序组件scroll-view中bindscrolltolower事件触发不了的问题

今天我就来和大家分享一下我在使用scroll-view组件时遇到的关于bindscrolltolower事件触发不了的问题。
keji_123·2020-06-24 00:24

微信小程序实现仿微信聊天界面(各种细节处理)

2.用将展示msg的目标scroll-view包裹
盛国强·2020-06-23 20:39

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

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

微信小程序中的scroll-view选项卡与跳转 一、

如下图：选项卡静态布局思路：主要用到scroll-view与swiper标签，选项卡切换主要依靠swiper中的current属性，不懂请自行查看小程序API。
帅男一枚_4f74·2020-06-23 10:03

小程序仿淘宝商品详情头部导航

小程序仿淘宝商品详情头部导航使用的是scroll-view组件的scroll-into-view，回到某个位置和bindscroll滚动监听。
月生三州·2020-06-23 01:51

微信小程序 - 组件

class，组件的样式类；style，组件的内联样式；hidden，组件是否显示；data-*，自定义属性，触发事件时，发送给事件处理函数；bind*/catch*，事件；组件列表：视图容器，view，scroll-view
tysunme·2020-06-22 19:07

微信小程序scroll-view快速滚动不能及时触发bindscrolltoupper且获取scrollTop不准确

在使用scroll-view组件的过程中，想要在视图滚动到顶部时做一些事情监听bindscrolltoupper，官方文档中upper-threshold默认值为50，因为场景需要把upper-threshold
__mxin·2020-06-22 15:51

微信小程序实现菜单左右联动

下面是效果图：功能实现关键是使用控件scroll-view，下面直接上示例代码。
·2020-06-22 11:12

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

本文实例为大家分享了小程序Scroll-view上拉滚动刷新数据的具体代码，供大家参考，具体内容如下因为项目需求，我需要做一个上拉刷新，但是我不是小程序的原生刷新生命周期函数事件小程序scroll-view
·2020-06-22 11:38

微信小程序 scroll-view的使用案例代码详解

scroll-view：滚动视图使用view其实也能实现滚动，跟div用法差不多而scroll-view跟view最大的区别就在于：scroll-view视图组件封装了滚动事件，监听滚动事件什么的直接写方法就行
·2020-06-22 08:40

微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)

1.wxml代码：{{item.title}}{{item.title}}2.wxss代码：@import"../../components/catering-item/catering-item.wxss";/*pages/catering.wxss*/.page{display:flex;flex-direction:column;width:100%;/*background:#F7F4F8
·2020-06-22 08:37

8-5 实现上滑加载更多数据

需要用scroll-view看一下api中，有相关属性scroll-x能不能横向滚动。scroll-y能不能纵向滚动，这里设置为true。
王海洋_前端·2020-06-22 03:20

uni-app 完成横向滚动，scroll-view

使用uni-app的小伙伴们大家可能都用过这个组件scroll-view,但是我们拿网站上的demo到本地运行，但是是运行不出来的，因为缺少一些css文件。
一念一执晗。·2020-06-22 01:27

微信小程序之scroll-view的坑

好久没动小程序了，今天打算复习复习，结果刚写了一个scroll-view就遇到了一个坑，这怎么能忍，对比看文档也没发现那里出了问题，没办法只能去翻翻微信给的demo,发现scroll-view一个必要属性和两个必要样式
Iterator_1993·2020-06-21 22:05

微信小程序:scroll-view安卓机隐藏横向滚动条

微信小程序使用scroll-view横向布局在iOS和Android上有不同的展示，iOS无滚动条，Android有滚动条，按照产品需求需要隐藏横向滚动条。
Jane Han·2020-06-21 18:52

基于uni-app的聊天窗口实现

scroll-view高度的设置输入内容后，必然要在对话界面的底部显示内容，但是在uni-app下不知道如何能操作DOM来显示和定位，有说需要通过uni.pageScrollTo的方式，但是这个页面刷
weixin_33739646·2020-06-21 10:53

微信小程序之 catalog 切换

组件名称：catalog组件属性：catalogData，type：String组件描述：这是一个子组件，数据从父组件中传递效果图：catalog目录为多个，使用scroll-view容器。
weixin_30538029·2020-06-21 10:54

6行代码实现微信小程序页面返回顶部效果

function(){this.setData({topNum:this.data.topNum=0});}})wxml：1111111111顶部wxss:page{width:100%;height:100%;}scroll-view
sunsineq·2020-06-21 07:17

day1

—beta冲刺+事后诸葛亮这个作业的目标Beta冲刺集合随笔集合随笔其他参考文献《构建之法》SCRUM部分:学号今日进度遇到的困难明日计划221701408重新整理了首页部分的alpha冲刺代码出现了scroll-view
沙雕网友2020·2020-06-06 00:00

微信小程序开发实战（1)：使用滚动视图

本文主要介绍了滚动视图组件（scroll-view）的各种常用功能，例如，垂直和水平滚动、滚动事件等，并通过例子代码来演示这些功能的使用方法。
银河使者·2020-05-16 10:00

微信小程序在scroll-view标签内不能正常使用超过多行显示省略号

微信小程序在scroll-view标签内不能使用display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow
yan_yuanfeng·2020-04-28 14:54

uniapp隐藏scroll-view的滚动条

/*隐藏滚动条*/scroll-view::-webkit-scrollbar{width:0;height:0;background-color:transparent;}/*移动端隐藏滚动条*/pages.json
七月_26e8·2020-04-17 17:50

小程序之 - scroll-view使用心得

一.背景IM即时通讯，通过MQTT发送和接收消息二.场景首次进入聊天界面时，滑动到最底部下拉加载历史数据，滚动到新获得数据的下一条，即无缝衔接新数据下拉到没有更多数据时，禁止再触发下拉加载点击头像查看个人信息后返回时，不触发滚动点击查看未阅读消息时，滚动到指定消息位置（后续集成）渲染性能问题：目前看ios渲染时会闪屏，下拉触发有点过于敏感三.实现思路定义消息体数组，定义滚动控制对象，动态改变滚动控
王二柱丶·2020-04-15 23:08
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他