鼠标-fullpage做的PC端网页适配手机端的问题

问题描述

fullpage做的PC端网页适配手机端的问题

fullpage的全屏滚动插件默认是不允许html和body出现滚动条的,现在PC端的网页想要适配在手机上,又不能缩放的太厉害,内容会很小看不清,理想方法时出现滚动条,让手机页面可以滑动滚动条看到网页全内容。但是貌似该插件禁掉滚动条手机上无法触发滚动效果。

如果在html和body上允许滚动条出现的话,PC端上每屏页面的横向滚动条会出现在页面最下方,可以用鼠标拖动,但是放在手机端,页面已经占满屏了,左右滑动无法触发横向滚动条的滚动效果(不知是不是每屏的内容里也不允许滚动条?),用chrome的手机模拟页面时可以通过鼠标滚轮的左右点击事件来触发横向滚动条,但是手机网页(safari)无法滑动。

请教大神,fullpage的网页在不想过度缩小页面的情况下,怎么允许用户通过滚动条来查看页面?

解决方案

查看文档" rel="nofollow">官网文档
里面提到了参数scrollBar和fitToSection,你相应的设置一下

时间: 2024-10-28 22:00:02

鼠标-fullpage做的PC端网页适配手机端的问题的相关文章

javascript-做两个网页,一个PC端,一个手机端

问题描述 做两个网页,一个PC端,一个手机端 JS获取当前网页大小以及屏幕分辨率等,做判断,width大于多少的 跳转,小于多少跳转, 求代码 解决方案 <script type="text/javascript">function getInfo(){ var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth+"n"; s += " 网页可见区域高:

Java SpringMVC实现PC端网页微信扫码支付(完整版)_java

一:前期微信支付扫盲知识 前提条件是已经有申请了微信支付功能的公众号,然后我们需要得到公众号APPID和微信商户号,这个分别在微信公众号和微信支付商家平台上面可以发现.其实在你申请成功支付功能之后,微信会通过邮件把Mail转给你的,有了这些信息之后,我们就可以去微信支付服务支持页面:https://pay.weixin.qq.com/service_provider/index.shtml 打开这个页面,点击右上方的链接[开发文档]会进入到API文档说明页面,看起来如下 选择红色圆圈的扫码支付就

android手机端与PC端使用adb forword通信

PC端与Android手机端使用adb forword通信 服务器端代码如下: import java.io.IOException; import java.io.ObjectOutputStream; import java.net.Socket; import java.net.UnknownHostException; import java.util.Scanner; public class Server { public static final String TAG = "ser

pc-PC端网页手机适配问题

问题描述 PC端网页手机适配问题 PC端的网页想要在手机上适配,理想效果是页面不缩放,按照原比例,屏幕显示不下就出现滚动条.除了注意设置最小宽度和允许滚动条以外,还需要注意设置什么呢?诚向大神请教,小白一枚. 解决方案 关于JSP适配手机的问题关于IPhone 手机适配问题 解决方案二: 用media query对移动端另外写一套样式覆盖pc端的..@media screen 解决方案三: 主要需要注意的就是设置宽度的时候都要用百分比,然后加上媒体介质@media screen来分别正对不同大小

移动电商反攻PC端 果库口袋购物路径分化

[亿邦动力网讯]4月18日消息,亿邦动力网获悉,一度只在移动端布局的导购网站果库,在不久前反向进军PC端,上线了web版站点:而另一家导购网站口袋购物则彻底放弃了PC端,专注于移动应用开发. 两种不同发展路径的背后,预示着移动导购网站未来要占领的入口,究竟是用户的桌面还是手机?对此,果库CEO周世钧和口袋购物CEO王珂分别向亿邦动力网讲述了各自的战略方向. 上图为果库新上线的web版,下图为口袋购物官网,目前仅作为App下载入口 果库CEO周世钧对亿邦动力网介绍,最新推出web版站点主要是基于以

iOS版微信新技能:可直接向PC端传文件

苹果iOS版微信在更新最新版本6.3.19后出现了一个更新日志中没有说明的小惊喜,可以向PC端传输文件,支持图片,视频.语音等消息传输. 用iPhone最新版微信扫描登录Windows端微信后,在iPhone端微信消息界面上出现了"Windows微信已登录"的提示,点击后则出现具体功能界面. 在功能界面,出现了"手机静音"和"传文件"两个新功能.其中手机静音是指在这里可直接一键将手机微信设置成静音模式,点击"手机静音"按钮,则

技术-pc端的网页适配在微信公众号上

问题描述 pc端的网页适配在微信公众号上 pc端的运用了bootstrap技术的网页,如何适配在微信公众号上 解决方案 应该是直接可以用的,你用微信公众号打开看看效果 解决方案二: 放弃吧,bootstrap过于臃肿,适配性不好

移动app开发 和 网页适配移动端 有多大区别?

问题描述 移动app开发 和 网页适配移动端 有多大区别? 现在的移动app开发 是 android 开发+IOS开发 和 web 的网页 在移动端的适配 有多大区别? 哪一个更好,哪一个 更是主流 就是说 也是单独安装的app,但是 里面其实 里面 可以做成网页浏览,还是说 要用 android开发 座布局,界面,弹出框什么的 我自己做web开发比较熟练,这样是不是 网页适配 开发成本更低,开发更快.我自己想做app,还需要学习 android和ios开发吗? 了解的能 谈谈吗? 解决方案 网

spring mvc-想自己做一个网站,包括网页端和手机端,第一次做在技术选型上寻求帮助

问题描述 想自己做一个网站,包括网页端和手机端,第一次做在技术选型上寻求帮助 打算用这样的技术选型: 1.CSS框架:jQuery UI Bootstrap[没接触过,在CSDN上看到就想着融入用一下,以前用Jquery easyUi,风格感觉不美观,调动也好像不容易,个人CSS比较烂] 1.HTML5+JSP 2.JS:jquery 4.框架:spring MVC 5.数据库:mybatis 欢迎各位大神提供选型意见,最好能告诉我之所以那样选择的原因,想自己做一个水果店的网站,可能到时候会涵盖