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

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

浏览：193日期：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. python - 在使用Pycharm时经常看到如下的样式，小括号里红色的部分是什么意思呢？2. javascript - 移动端粘贴事件，onpaste事件在app中无效，在app中怎么监测到粘贴事件3. javascript - html5的data属性怎么指定一个function函数呢？4. javascript - 关于fullpage.js 自动高度失效的问题5. android - react-native 的headless.js Java API 的代码怎么使用？6. angular.js - angular2 有什么cool的loading组件么？7. python - Scrapy存在内存泄漏的问题。8. javascript - Express 和 request 如何代理远程图片？9. javascript - 你们怎样实现前端分页的？10. javascript - 原生canvas中如何获取到触摸事件的canvas内坐标?
排行榜
mac连接阿里云docker集群，已经卡了2天了，求问？
mac连接阿里云docker集群，已经卡了2天了，求问？
1. angular.js - angular2 有什么cool的loading组件么？
2. javascript - Express 和 request 如何代理远程图片？
3. android - react-native 的headless.js Java API 的代码怎么使用？
4. python - 在使用Pycharm时经常看到如下的样式，小括号里红色的部分是什么意思呢？
5. javascript - 移动端粘贴事件，onpaste事件在app中无效，在app中怎么监测到粘贴事件
6. javascript - 关于fullpage.js 自动高度失效的问题
7. javascript - html5的data属性怎么指定一个function函数呢？
8. javascript - 你们怎样实现前端分页的？
9. javascript - 原生canvas中如何获取到触摸事件的canvas内坐标?
10. python - Scrapy存在内存泄漏的问题。
热门标签