2 windmxf windmxf 于 2015.06.11 14:47 提问

移动端网页查看pdf无法滑动 1C

通过 embed或者object标签可以在网页上查看pdf文件,在PC端可以用鼠标滚轮滑动,但是在移动端通过chrome或者safari浏览器查看该页面,会发现pdf的主体部分无法通过手指滑动,请问如何使其能滑动,做好是用html或js的方式来实现?

1个回答

lzp_lrp
lzp_lrp   Ds   Rxr 2015.06.11 22:17

可以用html5在线查看pdf,参考这个

https://github.com/mozilla/pdf.js

windmxf
windmxf 感谢您的答复,不过我试过这个,在pad上是没有滑动效果,难道只能用ios的内部空间才能实现pfd阅读器的效果吗?
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
移动端网页打开查看 pdf 文件
1.首先下载 pdf.js2.将pdf解压,放入项目中webapp下3.后台处理:根据url获取pdf,把数据写入到输出流    js:download: function (url) { var urls = '${contextPath}/entityLifecycleTrace/open?urls='+url; window.location.href = "${ctxSta...
解决 iframe 在 iPad 上不能滚动的问题
今天要在web中嵌套一个网址或本地HTML,用到了iframe,在电脑上设置scrolling=‘auto’,宽度高度,会有滚动条出现。而在ipad上会全部显示整个网页的宽度高度。scrolling属性无效。原来在html5中的iframe已经只有剩下src的属性。  但是若设置scrolling=‘no’.还是会生效的。页面只显示定义的高度和宽度的大小。设置overflow:hidden都没用
利用pdf.js在手机端网页中直接打开PDF文档
在项目中用到了需要在手机端直接打开PDF文档的情况,借鉴网友们的意见使用了pdf.js,测试了一下简单好用,下面是使用例子 {$neirong.title} body , html{ background-color: #404040; height: 100%; padding: 0; margin: 0; }
移动端H5嵌入iframe滚动问题
背景 (1) 实现功能 如图,悬浮窗中为iframe,如果超出容器大小实现滚动。 (2) 问题 在iOS上,悬浮窗中的内容如果不是iFrame是可以滚动的,但换成iframe后就无法在其中滚动。 解决方案 (1) 思路 问题在于overflow: auto或者overflow: scroll没有生效。 需要在容器上加上: height: 57vh; overf...
移动端图片左右滑动效果
在移动端的网站或者APP中,图片左右滑动很常见,用户的体验也非常不错。我只要使用JQuery来实现此效果。话不多说,直接上代码。1.html,css部分 html部分:<div> <ul > <li ><img src="image/change_img/3.jpeg" ></li> <li ><img src="image/change_img/4.jpe
PDF.js, 支持移动端电脑端PDF查看的浏览器控件
电脑端与移动端均支持,可以查看PDF文档并对文档进行控制,非常好用的控件。
html页面,手机模拟器不能滑动,但是鼠标能滚动
今天遇到一个很悲催的事情,就是发现,写的h5页面在chrome手机模拟器下竟然不能滑动,主要有一个根本不能滚!还有几个一下能滚,一下不能滚,然后我就傻逼了。悲催归悲催,问题总归要解决的,请教了一个年长的前端,他居然说肯定是我的CSS样式有问题,然后我就开始检查我的样式,一个一个是过来,发现没有问题啊;走到这里你要是觉得还是没有说服力,那我教你一个办法,直接写上20个p标签,里面加文字,不要任何样式,
关于移动端h5页面不能滑动问题的解决办法
页面不能滑动无非就是css和js两个方面的问题 有的人说如果我写很多个p标签不写任何样式看能不能滑动,如果能滑动说明是样式的原因,要是也不能滑动那就应该是js的原因,是有一定的道理的,但是先别忘了看一下你的html或body是不是加了height:100%;overflow:hidden; 1.下面分先说css的问题,主要排查overflow:hidden; 检查也有一定
移动端图片放大滑动查看-插件photoswipe的使用
移动端图片放大滑动查看-插件photoswipe的使用:以实现手势放大缩小查看图片,左右滑动切换图片以及上下滑动关闭大图
解决ios下html5的ifream页面无法滑动的问题
html5移动开发有时会用到ifream镶嵌页面,如下图:             但是测试发现,页面在android下显示很正常,但是ios下页面无法滑动    解决方案:              给ifream加上一个父控件,并且设置滚动