简体繁体 English

放大元素，同时仍然能够浏览页面

[英]Zoom in on an element while still being able to navigate page

原文 2013-07-18 15:33:45 3 1 javascript/ jquery/ html/ css

I'm trying to create the effect of zooming in on a webpage but focusing on one particular element and allowing navigating / scrolling to be present. 我正在尝试创建放大网页的效果，但重点放在一个特定元素上，并允许进行导航/滚动。

I found a few plugins online but none do what I'm really looking for and I've found nothing else. 我在网上找到了一些插件，但没有一个能真正满足我的需求，而我什么也没找到。 Fancybox, Zoomooz etc are great but I need to be able to scroll. Fancybox，Zoomooz等很棒，但我需要能够滚动。

The element in question is a PDF document. 有问题的元素是PDF文档。 I need the user to be able to zoom in and still navigate up/down the page. 我需要用户能够放大并仍然在页面上/下导航。

Possible? 可能？

1 个解决方案

Here is an example of what you could do... http://www.sitepoint.com/html5-javascript-mouse-wheel/ and http://blogs.sitepointstatic.com/examples/tech/mouse-wheel/index.html 这是您可以执行的操作的示例... http://www.sitepoint.com/html5-javascript-mouse-wheel/和http://blogs.sitepointstatic.com/examples/tech/mouse-wheel/index .html

However I would consider the above as a secondary option. 但是，我认为以上是第二选择。 There are many other ways to present the presentation and embed it onto your page. 还有许多其他方式可以演示文稿并将其嵌入到页面中。 A slider is limited to "slide" only. 滑块仅限于“滑动”。 You can for example use a presentation software and embed it onto your page as a widget eg http://prezi.com/ as freeware. 例如，您可以使用演示软件并将其作为小部件（例如， http ： //prezi.com/）作为免费软件嵌入到您的页面中。