效果如图： 小程序wxml: <view class='wraper'> <view class="header"> 头部 </view> <view class='section'> <scroll-view scroll-y="true" class='left' scroll-view="tr
原创
2021-07-19 15:34:47
740阅读
html,body{ height: 100%; }
原创
2022-07-08 12:57:43
396阅读
如何实现“HarmonyOS纵向滚动”
## 引言
在这篇文章中，我将教会你如何实现“HarmonyOS纵向滚动”。无论你是一名刚入行的小白开发者，还是有一定经验的开发者，这篇文章都将为你提供详细的步骤和代码示例。让我们开始吧！
## 整体流程
下面是实现“HarmonyOS纵向滚动”的整体流程。我们将使用HarmonyOS的布局和控件来实现这个功能。
```mermaid
erDiagra
原创
2024-01-12 23:05:22
100阅读
# 实现 arkts 字体纵向滚动的步骤
## 流程图
```mermaid
flowchart TD
A[了解需求] --> B[选择合适的技术解决方案]
B --> C[编写 HTML 结构]
C --> D[编写 CSS 样式]
D --> E[使用 JavaScript 实现滚动效果]
E --> F[测试与优化]
F --> G[完成]
原创
2024-01-10 01:33:50
154阅读
文字垂直滚动 [功能] 在以前的文章曾经写过 如何水平滚动 现在说一下垂直滚动 [原理] 1. 设置 ScrollView的控件高度 为定值 2. 如何滚动显示：ScrollView.smoothScrollBy() 3. 如何循环滚动显示 即 当滚到最下面后 会回到最上面继续滚动： 得到最下面的垂直位移 然后通过 ScrollView.scrollTo() 来返回最上面 4.
转载
2023-06-14 08:00:20
156阅读
写了个js自制滚动条，首先，先看一下demo（点击这里） 先有两个demo，右边那个黑色那个，是我一开始写的比较肤浅的代码： var scrollself=(function(){
var scrollblock, //滚动块
scrollcontent, //被滚动的内容
scrollbar, //滚动条
scroll
转载
2024-09-28 19:24:13
30阅读
你知道浏览器窗口右侧那个滚动条的宽度到底是多少吗，你想在你的网页在常见的分辨率下中不出水平滚动条吗，在这里，你也许会找到你想要的。
相信不管是web前端还是后台的程序员，都讨厌网页水平方向出现滚动条。而要避免出现水平滚动条，计算宽度是必不可少的。而在设计过程中，设计师一般避免计算这个右侧滚动条的宽度。为了避免出现水平滚动条，而将宽度设为比具体分辨率少五六
原生表格纵向滚动条<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max
原创
2021-07-25 11:53:02
139阅读
iPhone implementation: ( the search bar is hidden by default ,if you scroll it ,it will display on the top)
If you scroll down the screen , the top search bar will have a po
原创
2012-04-16 17:01:11
713阅读
1、HTML： <div id="leftda"> <ul class="leftmenu" id="leftmenu"> <li id="1" style="background-image:url(img/2.png);"><span id="span1"></span>商品住房公积金贷款审批< ...
转载
2021-08-09 17:33:00
128阅读
2评论
pageXOffset|pageYOffset 在ie6-8不被支持，但是ie9已经开始支持 参考：http://msdn.microsoft.com/zh-cn/library/ff974684(v=
原创
2023-06-26 00:18:38
37阅读
# iOS开发：实现横向滚动的ScrollView禁止纵向滚动
在iOS开发中，使用`UIScrollView`来创建滑动视图是非常常见的一个需求。有时，我们可能需要实现一个横向滚动的功能，并禁止纵向滚动。本文将带你逐步实现这一功能，希望对刚入行的小白有所帮助。
## 流程概述
在实现这个功能之前，我们需要明确几步流程。以下是实现的基本步骤：
| 步骤 | 操作 |
|------|---
原创
2024-08-27 05:19:53
93阅读
一、是什么视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验我们可以把网页解刨成：背景层、内容层、悬浮层 当滚动鼠标滑轮的时候，各个图层以不同的速度移动，形成视觉差的效果 二、实现方式使用css形式实现视觉差滚动效果的方式有：background-attachmenttransform:translate3Dbackgrou
转载
2023-12-07 10:49:13
90阅读
一、是什么视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验我们可以把网页解刨成：背景层、内容层、悬浮层当滚动鼠标滑轮的时候，各个图层以不同的速度移动，形成视觉差的效果二、实现方式使用css形式实现视觉差滚动效果的方式有：background-attachmenttransform:translate3Dbackground-a
转载
2023-11-23 13:24:11
81阅读
昨天看见了一篇文章关于用纯CSS实现文本滚动，在这里跟大家分享一下。首先把效果图贴给大家根据效果图我们很容易发现肯定是要用到3D转换的，如果对这个还不是很了解的可以先看看下面的文章http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/comment-page-1/ht
转载
2023-10-30 20:12:27
231阅读
UIScrollView的基本属性和用法一UIScrollView的作用二UIScrollView的属性UIScrollView的常见属性UIScrollView的其他属性三ScrollView的常见属性示意图四ScrollView的手势缩放步骤五一些属性和缩放的实例代码图示 UIScrollView的基本属性和用法一、UIScrollView的作用1.用于显示超出应用程序窗口大小的内容2.允许
转载
2023-09-07 22:05:11
550阅读
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=d
转载
2023-06-08 22:50:07
207阅读
像淘宝和京东都会有跑马灯的效果，今
原创
2022-09-07 10:35:41
260阅读
Android为我们提供了竖直方向的滚动控件GridView，但如果我们想让它水平滚动起来，就需要自己实现了。以下使用的测试数据datas集合都为List<ResolveInfo>类型，用来存储手机中的所有Apppublic static List<ResolveInfo> getAppData(Context context) {
PackageManag
转载
2024-07-22 11:51:20
409阅读
这是基于android launcher2.2中的workspace实现的横向滚动，熟悉launcher的朋友对workspace一定不会陌生，它在launcher中拥有着相当的作用，你启动android手机时左右屏幕的滚动就是依靠它来实现的，这个例子中有涉及到Custom layout的知识，例子中的显示所有application的容器也是通过自定义来实现，这个类叫AppPanel.java下面
转载
2023-08-31 07:54:46
137阅读
