您的位置：首页技术文章
文章详情页

css - 網頁div區塊 像蘋果一樣可左右滑動 手機與電腦

浏览：138日期：2023-07-02 08:26:07

问题描述

css - 網頁div區塊 像蘋果一樣可左右滑動 手機與電腦

我想在手機與電腦上實現這個效果請問這該怎麼做...右邊還有app只是被暫時遮住滑鼠移過去可以左右滑動手機可以直接觸碰屏幕左右滑動在網頁上

问题解答

回答1：

要不试一试swiper?

回答2：

外面一个p，固定大小，position:relative;overflow:hidden; 里边的内容position: absolute;，事件控制left: 左右移动。

回答3：

类似于轮播的做法，只是轮播是一次切换一屏，这个你需要控制滑动多少，内容移动多少就行

回答4：

`White-space: nowrap ;Overflow-x: auto ;`

标签： CSS
上一条：ie-css3.htc 放在服务器上为什么不起作用下一条：css3 - 使用rem设置padding大小的问题
相关文章：
1. mysql 的datadir设置的文件夹不存在，启动了mysql服务后创建的数据库存在哪里？2. javascript - node.js promise没用3. mysql - java ResultSetMetaData 获取中文别名乱码4. mysql - 千万数据 分页，当偏移量 原来越大时，怎么优化速度5. javascript - 图片能在网站显示，但控制台仍旧报错403 (Forbidden)6. phpstady在win10上运行7. php自学从哪里开始？8. 求大神帮我看看是哪里写错了 感谢细心解答9. 这是什么情况？？？10. mysql多表查询
排行榜
mysql - java ResultSetMetaData 获取中文别名乱码
mysql - java ResultSetMetaData 获取中文别名乱码
1. javascript - node.js promise没用
2. mysql 的datadir设置的文件夹不存在，启动了mysql服务后创建的数据库存在哪里？
3. javascript - js里首尾相接轮播的原理是什么？
4. initPage：是什么意思？ 是返回的意思吗？
5. javascript - 图片能在网站显示，但控制台仍旧报错403 (Forbidden)
6. android - 哪位大神知道java后台的api接口的对象传到前端后输入日期报错，是什么情况？求大神指点
7. 这是什么情况？？？
8. phpstady在win10上运行
9. 如何解决docker宿主机无法访问容器中的服务？
10. angular.js - angularjs中的$compile怎么理解？
热门标签