chrome-移动端网页查看pdf无法滑动

问题描述

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

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

解决方案

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

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

时间: 2024-12-29 15:33:17

chrome-移动端网页查看pdf无法滑动的相关文章

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

问题描述 fullpage做的PC端网页适配手机端的问题 fullpage的全屏滚动插件默认是不允许html和body出现滚动条的,现在PC端的网页想要适配在手机上,又不能缩放的太厉害,内容会很小看不清,理想方法时出现滚动条,让手机页面可以滑动滚动条看到网页全内容.但是貌似该插件禁掉滚动条手机上无法触发滚动效果. 如果在html和body上允许滚动条出现的话,PC端上每屏页面的横向滚动条会出现在页面最下方,可以用鼠标拖动,但是放在手机端,页面已经占满屏了,左右滑动无法触发横向滚动条的滚动效果(不

移动端网页设计经验与心得

原文:移动端网页设计经验与心得 智能手机发展确实很迅速,像今年,我的大部分工作就都在移动端网页上. 再往前些年,看到的手机版/移动版网页,限制于浏览器与手机性能,2g网络速度等 网页设计无非是蓝.黑.白,界面单调,并且要尽可能的设计简单.   现在情况就大不相同了,软件上webkit内核浏览器大行其道,硬件突飞猛进,网速来说,4g正炒得火热. 下面就和大家分享一下我的一些移动端网页设计经验与心得.   ⒈ 分辨率这应该是移动端网页最关心的问题了,因为移动设备五花八门,各种分辨率都有.要想在这些设

Chrome 8发布 内置PDF浏览及软件商店

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 互联网巨头Google日前低调推出了旗下Chrome 8浏览器的最终正式版本,这款最终稳定版软件像苹果的Saffari浏览器一样直接加入了内置的PDF浏览器功能,如此一来用户在查看PDF文档的时候无须再额外打开一个专门的浏览器.另外为了防止PDF文件导致网络浏览器本身崩溃或者带来安全问题,Chrome 8的PDF功能采用了单独的沙箱隔绝,以达

如何在Gmail中查看PDF、Word、Excel等格式文件

现在,你将不必再需要从你的Gmail账户上面下载PowerPoint和TIFF文件,而是直接在Gmail中查看他们,因此,到目前为此,Gmail已经支持PDF.Word.Excel.PowerPoint和TIFF文件的查看了. 下次当你收到一份PowerPoint或者TIFF文件的时候,只要按一下它就会用和查看PDF格式一样的方式来查看PowerPoint和TIFF文件. 通过Gmail和查看并下载对应文件 PowerPoint播放器提供了很多功能,包括让你的PowerPoint文件转换为PDF

《Adobe Acrobat DC经典教程》—第1章1.11节在阅读模式下查看PDF文件

1.11 在阅读模式下查看PDF文件你可以最大化地运用屏幕空间查看PDF文档,而不必进入全屏模式.阅读模式下,将隐藏除了文档和菜单栏之外的工作区域的其他所有元素. 1.选择View > Read Mode(阅读模式). 2.移动光标至窗口底端附近,显示结果如图1.27所示. 在页面底部出现一个浮动的工具栏.浮动工具栏不同于页面控件工具栏,它包括导览工具,可以放大.缩小.跳至不同页面,以及保存和打印文件.3.单击浮动工具栏中的Show Main Toolbar(显示主工具栏)按钮(),或者再次选择

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

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

给网页设计师的移动端网页设计简明指南

  早在几年前移动端的数据流量就已经超过桌面端了,手机和平板占据主流,而融合两者优势的巨屏手机更是大行其道.对于现在的设计师而言,真正的第一屏到底是桌面还是移动端界面,真的很难说了.也许"移动端优先"的说法并不准确,但是"移动端屏幕为主"的说法和实际状况已经非常接近了.打造优秀的小屏用户体验,已经是当今设计师深入骨髓的本能了. 那么造就优秀的移动端用户体验,最重要的是什么?精细的图片?雅致的图标?还是细致入微的UI界面?如果你经常浏览移动端网页,你最期待的应该还是无

移动端网页怎么设计简洁

  随着智能手机普及,大家上网的方式也从电脑端慢慢发展到了移动端,大家上网的第一选择变成了手机,不过由于移动端屏幕限制,所以做好网页适配也是非常重要的,今天小编就来给大家讲讲移动端网页是怎么设计的. 1. 微互动 移动体验其实是各种微互动的整合,而且用户需要在很分心的状态下快速的完成各项任务.所以好的移动设计都要简单而明显,让用户的操作尽量的直觉化 2. 带感情的设计 因为移动设备更多起网络入口作用,所以使用非常方便,同时对它产生了一种情感,我们很多人甚至睡觉的时候都把手机放在身边.所以使用它是

Win8系统查看PDF文件的方法

  大家都知道,PDF文档是我们日常工作.学习中经常会遇到的一种文字表现格式,这个文字格式不可修改,只可以通过一些相应的软件来打开,所以很多人都是使用的第三方软件开打开win8中的一些PDF文件,其实win8系统中应用商店的一些软件也可以打开PDF文件,但是如果没有微软账户的话也是不可以的.今天小编就来教大家win8系统如何查看PDF格式,学会了这种方法就可以不借助第三方软件的作用了,赶紧学起来吧! PDF是电子文档是一种不可修改的文件格式,通常用于电子书,手册,合同等方面,其实我们按win8系