备案控制台

开发者社区> 问答> 正文

请问，react.js怎么实现webapp 整屏向上滑动？谢谢

有三个DIV，每个DIV有三张图片，是要做成webapp的，要用react.js来做，一屏一个DIV这样的整屏向上滑动要怎么做，谢谢。
找了好多的示例，但是没有这方面的，求解。

展开

收起

a123456678 2016-03-13 10:55:52 3344 0

1 条回答

写回答

取消提交回答

a123456678

先设置3个整屏，每个屏100%高，一共300%高
然后在scroll事件上做设置，通过计算让他有那种吸铁石的动画效果

2019-07-17 19:02:09

赞同展开评论打赏

问答分类：

JavaScript

问答标签：

JavaScript滑动 React Native滑动 WebApp滑动 react.js webapp

问答地址：

开发者社区 > 开发与运维 > 问答

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答

使用vue 或 react写app的话主要是来写webapp对吗？

500

2

0

js移动端ios端软键盘收起时页面向上有滑动导致功能失效

769

0

0

slider.js 滑动和点击事件在firefox下报错 event is not defined

449

0

0

js怎么禁止页面滑动

5554

5

0

javascript 怎么做电影院选坐那种，鼠标按下，滑动，一次选择多个座位

3172

1

0

安卓浏览器不支持JS中的scrollto()等滑动方法

3950

1

0

webapp 页面在andriod网页端滑动页面会出现卡顿

2555

1

0

js怎么实现向下滑动加载更多数据？

2313

1

0

如何通过js控制iframe里面的页面滑动

2813

1

0

js滑动与进度是怎么写的？

2247

1

0

问答排行榜

最热

最新

1 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家德哥 1819225

2 据说在家办公的程序员是这样写代码的？ 1793417

3 阿里云开放端口权限 690424

4 如何升级配置 536383

5 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 523025

6 【精品问答】python技术1000问(1) 514182

7 Flink Forward Asia 2021 有奖问答 512956

8 OceanBase 使用动画（持续更新） 359410

9 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329833

10 OSS存储服务-客户端工具 321681

11 为体验实验室取一个新名字。 307537

12 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 304186

13 Win Server 2003-2016 加密勒索事件必打补丁合集 295381

14 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 284337

15 安全组详解，新手必看教程 277390

16 写code还是做管理，开发者如何进行职业规划？ 269354

17 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255907

18 阿里云手机和阿云浏览器连接问题专帖 235722

19 支付宝H5 下载的时候，提示【请确保该下载文件来源安全,如需浏览,请长按网址复制后使用浏览器访问】 235703

20 请问阿里云邮箱如何开启SMTP服务啊！ 225949

1 DeepSeek API 调用没反应，超时后报错 500，这是啥意思，按照对接文档调用的啊 749

2 钉钉机器人发送群消息消息，突然不能@人了，昨天还正常，代码没有任何调整，是有什么配置或者服务到期了吗 180

3 大模型数据处理vs人工数据处理，哪个更靠谱？ 1244

4 AI年味，创意新年，你认为AI能否为春节活动增添新意呢？ 1413

5 点击VS Code通义灵码插件，无法加载出对话窗口，并报错 160

6 AI程序员功能有一个严重的问题，严重到基本可以认为AI程序员无法发挥任何作用。 254

7 在VS code中使用AI程序员修改建议无法直接应用，点击接受后提示操作失败。 110

8 赶紧把通义灵码idea插件自动生成流程图功能给关了吧。太难用了。 125

9 在海量用户中，将如何快速定位到目标人群进行个性化营销？ 960

10 你认为哪些领域的知识对开发者来说特别重要？ 780

11 使用安全体检功能，看看你有多少未修复的安全问题？ 3434

12 通义灵码的AI程序员问题 165

13 强烈建议宜搭手机端改版，现在都展示些什么乱七八糟的内容。 327

14 AI时代，聊聊如何从海量数据中挖掘金矿？ 1444

15 2025阿里云服务器租用价格表(一年/按月/按小时报价明细) 260

16 阿里云域名优惠口令，2025年最新分享 226

17 关于qwen2-vl微调最佳实践 301

18 7、如何在阿里云ECS服务器上进行数据备份？ 355

19 3、如何登录 ECS 管理控制台来查询阿里云服务器的基本信息，有哪些具体操作步骤？ 133

20 1、当遇到VNC 远程连接阿里云服务器失败时，应该如何解决？ 277

相关课程

更多

JavaScript入门与实战

20826

52

去学习

React 入门与实战

13679

54

去学习

React 入门教程开发文档

1777

11

去学习

JavaScript 自学手册文档教程

3663

65

去学习

Vue.js 入门与实战

20107

86

去学习

jQuery开发教程

16521

43

去学习

推荐问答

乘风问答官招募中！机械键盘免费拿

相关电子书

更多

JavaScript面向对象的程序设计 立即下载

Delivering Javascript to World 立即下载

编程语言如何演化-以JS的private为例 立即下载

相关实验场景

更多