javascript - Html 页面迷你 map 或 map 概览

标签 javascript jquery html

我有一个很大的 html 页面,例如 4000x6000 像素的图像和文本。 我想在一个小的 div 中包含此页面的 map 概览之类的内容。我可以用来导航的整个页面的缩放版本。 有谁知道一些 js 脚本或示例如何做到这一点?谢谢。

最佳答案

以下是您将如何操作的基本框架:

想办法截取整个页面。然后,使用比例因子(例如 1/25)缩小它的大小。

在页面的一 Angular ,叠加一张图片。创建一个事件处理程序,它对您单击图像的位置使用react。在事件处理程序内部,找到点击图像的位置(即 x 坐标、y 坐标)。

使用比例的倒数(如果比例是 1/25,则可能是 x25)来获取页面的实际尺寸。使用 jQuery 滚动到该位置。

如果您在其中一个步骤中需要任何帮助,请告诉我;这只是为了帮助您入门。

关于javascript - Html 页面迷你 map 或 map 概览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2736285/

相关文章:

javascript - 如何使用PHP预览视频上传前后?

javascript - GULP 显示 "ACCESS DENIED"

javascript - 删除嵌入式 YouTube 视频上的注释

javascript - JS/jQuery可以与音频交互吗?

css - Clearfix 停止自动换行

javascript - 如何通过 PHP 更改 HTML 类?

Jquery动态创建具有增量div id的表

jquery - 在没有用户交互的情况下播放音频

html - 来自 Jade 的 sendFile ('/index.html' ) 和 render ('index' ) 之间的区别

javascript - 无需javascript处理即可获取原始dom元素innerHTML