默认，左右滚动。 加上vertical，变成上下滚动。
原创
2021-08-05 16:01:41
170阅读
hSwiper-wx小程序swiper组件使用此组件需要依赖小程序基础库 2.2.2 版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。新版传送门，新版已经支持npm包安装旧版传送门，新版已经支持npm包安装演示水平垂直不循环功能支持水平，垂直滚动支持循环无缝滚动过渡位移效果支持自定义过渡位移时间支持自定义支持无限元素的滚动，而不会卡顿（未实现，待续...)安装npm i
转载
2023-11-04 06:37:58
84阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
转载
2021-08-14 13:46:00
353阅读
2评论
两种分页方式普通的分页效果会在页面底部提供点击下一页和上一页的按钮，在点击了按钮之后才会触发调取数据的接口，这种方式的用户体验一般另一种分页效果不需要用户点击按钮，只要浏览到当前页面的后几条数据时，系统会自动发送请求获取后一页的数据，并展示到页面上，这样就可以实现类似无限滚动的效果以csdn为例，当滚动条到达这个地方时，会自动调用请求下一页数据的接口，然后累加到加载完成的数据列表中实现思路滚动分页
转载
2024-02-02 18:25:11
94阅读
# iOS小程序视频全屏实现指南
## 一、流程概述
在开发iOS小程序时，实现视频的全屏播放是一个常见的需求。接下来，我将为你详细讲解整个实现流程。以下是流程步骤的表格：
| 步骤 | 描述 | 代码片段 |
|------|---------------------------|--------------------|
| 1
scroll-view文档里有说明。我中间就遇到了这个问题，不管我怎么弄不会出现滚动，超出的部分会折行掉下去！后来我发现scroll-view下的子级必须要 displau:inline-block;否则无效不会出现滚动。<scroll-view scroll-x="true" class="navList" scroll-with-animation scroll-left="{...
原创
2022-01-10 14:05:07
293阅读
关键词： scroll-view scroll-x="{{true}}" scroll-left white-space: nowrap; display: inline-block; scroll-view scroll-x="{{true}}" scroll-left white-space:
原创
2021-07-19 17:03:36
276阅读
微信小程序页面加载更多数据其实也不是很难，官方很好的给出了相应的组件和使用方法。只是需要在实际的开发中注意一下相关的问题点1：需要使用到的组件和APIscroll-view基础库 1.0.0 开始支持，低版本需做兼容处理。可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px
转载
2024-01-16 14:33:24
55阅读
首先开通支付配置(小程序后台) 在验证地址时,需要在接口处写上验证代码 在进行第一验证之后 支付后字节服务器会正常推送数据流 file_get_contents('php://input') {"echostr":"Dhvqy7R","msg":"{\"appid\":\"\",\"cp_order ...
转载
2021-10-21 09:58:00
321阅读
2评论
# 如何实现“字节小程序 mongodb”
## 概述
在这篇文章中，我将教会你如何在字节小程序中使用 mongodb。首先，我们需要了解整个流程，然后逐步进行操作。
## 流程表格
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建字节小程序应用 |
| 2 | 配置字节小程序开发环境 |
| 3 | 配置云开发环境 |
| 4 | 连接云数据库 |
| 5 | 操作云
原创
2024-03-03 05:15:52
26阅读
作者：字节小程序基础技术团队杨德立前言如今，全网小程序数量已超700w+个，细分行业200+个，开发者数量超500w个，作为移动互联网的重要新基建小程序互联网已成型，用户习惯已经养成。字节小程序身处大的生态之中，基于字节APP而建。围绕开放场景、开放接口、开放信任关系搭建的一套以小程序为最终落地的技术载体连接外部企业主体所提供服务的全链路生态解决方案。方案在主要提供和具备多页应用级形态的开发和运行
原创
2021-10-25 10:37:15
697阅读
在现代网页开发中，全屏滚动特效已成为提升用户体验的重要手段，尤其在单页面应用（SPA）中，能有效吸引用户注意力，并引导其进行操作。然而，这项功能的实现并不是一帆风顺，各种技术痛点层出不穷。本文将记录解决“全屏滚动 jQuery”技术问题的整个过程，涵盖背景定位、演进历程、架构设计、性能攻坚、故障复盘和复盘总结。
> **用户原始需求**
> “希望实现一个流畅的全屏滚动效果，用户在滚动页面时
方案说明：方案1：整个页面滚动，滚动至某个位置fixed图中“顶部box2”,分页页面触底加载方案2：页面高度为屏幕高度，商品部分使用scroll-view，scroll-view初始高度为屏幕高度-顶部高度，只滚动scroll-view。 思路说明： 1 将整个页面分为上下两部分，整个页面高度100vh（原因1：scroll-view高度需要固定高度；原因2：出现两个滚动条） 2 页面上半
转载
2024-06-01 02:52:32
321阅读
功能跟抖音界面一样那种全屏显示1.首先我们要将页面是全屏的，小程序是自动头部导航的所以要去掉这里我们就要自定义导航当自定义导航 我们不做样式 这样页面回事全屏的在json文件中{ "navigationStyle": "custom",//这是自定义导航 "enablePullDownRefresh": false,//是否开启当前页面下拉刷新。 "disableScroll":true,//设置为 true 则页面整体不能上下滚动。只在页面配置中有效，无法在 app.json
原创
2022-01-10 13:54:55
4363阅读
.full-page-video-horizontal {
width: 100vh;
height: 100vw;
transform: rotate(90deg);
+ position: relative;
+ right: calc(50vh - 50vw);
+ top: calc(50vh - 50vw)
}视频旋转完成了，接下来是对slider的处理，这里有一
导读经过这段日子的学习，大家对小程序的了解多了多少呢？我们这段时间学了很多组件的用法，以及这些组件的属性和属性的合法值，图片、文字、块，还了解了不少的样式代码和小程序的基本知识。我们今天来讲一个可滚动的视图区域组件。可滚动的视图区域组件是什么？简单来说，就是当窗口面积不大的时候，可以通过滚动看到更多的内容。这个就有点类似新闻类小程序的功能了。具体是什么大家也能想得到。scroll-view组件的s
不要写overflow:scroll.要使用专门的组件scroll-view. ...
转载
2021-11-03 20:42:00
754阅读
2评论
在小程序中实现滚动翻页功能通常使用的是 "上拉加载"（scrollView）或者 "分页加载"，常见的方式是通过监听页面的滚动事件，当用户滚动到页面底部时，触发加载更多数据的功能。下面是一个常见的滚动翻页的实现方法，包括页面滚动监听和数据加载的过程。1. 使用 scroll-view 和 onReachBottom 实现滚动翻页前端部分：wxml
小程序iOS滚动回弹问题是很多开发者在实际应用中经常面对的一道难题。在本文中，我将分享解决这一问题的过程，并逐步引导你完成从环境配置到进阶指南的各个步骤。
首先，你需要设置一个适合开发的小程序环境。下面这幅流程图说明了整个设置过程：
```mermaid
flowchart TD
A[开始] --> B{选择开发工具}
B --> C[安装Node.js]
C -->
好久没更新小程序的系列文章了，之前有出过小程序的实战，但是，最近代码君发现，代码集中营的好多读者都是小程序的初学者，所以我觉得有必要出一些基础的教程给初学者学习和使用，因此代码君决定每天讲解小程序的一个基础知识点，带着初学者一起学习小程序，如果觉得简单的读者可以去看代码君的小程序实战篇，好，言归正传，今天我就先讲一个基础的滚动组件scrollviewscrollview属性属性名作用参数值scro
原创
2020-12-27 09:39:41
556阅读
