2 qq 24399121 qq_24399121 于 2016.01.13 15:26 提问

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

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

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

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

1个回答

save4me
save4me   Ds   Rxr 2016.01.13 23:27

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
PC端、移动端的页面适配及兼容处理
一、关于移动端兼容性     目前针对跨终端的方案,主要分为两大阵营:一套资源Vs两套资源。  第一种是通过响应式或页面终端判断去实现一套资源适配所有终端;  第二种是通过终端判断分别调取两套资源以适配所有终端。  这两种思路我们并不能斩钉截铁的说哪一个更优选,正所谓”合适的才是最好的”。  思路一:通过响应式或页面终端判断去实现一套资源适配所有终端  优势:只需维护一套资源,维护成本较低。  劣...
PC、手机适配html
随着互联网的快速发展,以及html5+css3的迅速崛起。渐渐的响应式布局,也会慢慢的出现在我们的视野里,身为专业的web前端人员,还不学习新技术你就out啦!为什么这样说呢?因为响应式布局能同时兼容多个终端,比如(手机、平板、PC)做一个网站转眼间就可以变成3个网站,和现在相比是不是更加具有优势呢! 可能有些人对“什么是响应式布局”还不是很了解,下面就跟大家简单说下什么是响应式布局: 响应式
自适应表格,适用于PC,手机同一页面
PC,手机访问会调整为最佳的显示效果,并不是表格缩小而已,而会自动把结构调整为该设备最佳显示效果。
检查手机端还是非手机端,做m站和pc站的适配
(function(){      var ConcertUtilBrowser = {         versions: (function () {             var u = navigator.userAgent, app = navigator.appVersion;             return { //移动终端浏览器版本信息              
pc端和移动端自适应网页
  做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题,下面就PC端和移动端来总结一下,通常进行自适应高度和宽度,图片时,一般与页面的布局存在关系。1、最小尺寸分辨率1024*768(传统17寸显示器),则可以采用940px、960px、或者常用的980px作为最小宽度2、10...
pc端的适配问题
pc端有适配的需求:目前我们pc项目的设计稿尺寸是宽度1920,高度最小是1080。适配目标:1.在不同分辨率的电脑上,网页可以正常显示2.放大或者缩小屏幕,网页可以正常显示对于宽度的适配对于宽度适配:首先设置html,body{width:100%;overflow-x:hidden;}然后我们可以把页面分解为背景层(一般宽度都会大于1200px)和内容层(一般宽度都会小于1200px),对于背景
PC端页面适配
目也pc端有适配的需求:目前我们pc项目的设计稿尺寸是宽度1920,高度最小是1080。 适配目标: 1.在不同分辨率的电脑上,网页可以正常显示 2.放大或者缩小屏幕,网页可以正常显示 对于宽度的适配   对于宽度适配: 首先设置html,body{width:100%;overflow-x:hidden;} 然后我们可以把页面分解为背景层(一般宽度都会大于1200px)和内容层(
PC端移动端兼容响应式布局页面的制作
之前已经制作了PC端固定布局和移动端流体布局的页面,这次的任务就是将一个页面制作成PC端移动端兼容响应式布局页面,是页面能在不同屏幕大小下呈现处不同最佳显示状态。 主要的过程就是对: 1.将width改为max-width,来适应屏幕的变动来改变自身宽度等。其他亦然。 2. /*媒体查询,参考部分Bootstarp框架*/ /*当页面大于1200px时,大屏幕,
对于PC和mobile 水平垂直居中适配
div{ width: 500px; height: 400px; position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -200px; background-color: black; } 对于PC的一个DIV居中应该是没什么问题的 这样就居中了 但是如果要
完整的商城静态网页(适配手机端和电脑端)
完整的商城静态网页(适配手机端和电脑端) 完整的商城静态网页(适配手机端和电脑端)