Javascript 如何在HTML/JS/CSS视图中实现导航效果？

我想知道我如何让观众感觉像浏览一个页面并像下面的链接那样放大/缩小

我查看了inspector的css，它使用了我没有使用过的背景位置？ 我想这可能和这个属性有关吧

但不确定是什么让我觉得我在放大页面

变焦前

变焦后

这可能会有所帮助：（它不会缩放，但会滚动纸张，使单击的肖像居中）

var-tartive=$（“.tartive”）；
var票据=$（“#票据”）；
纵向。单击（功能（e）{
var myleft=200-$（this）.position（）.left；
css（{left:myleft}）
})

#纸张{宽度：300px；高度：300px；边框：1px纯蓝色；位置：绝对；左侧：200px；}
.肖像{宽度：20px；高度：20px；边框：1px点粉色；位置：相对}

:-)
:-(

感谢您展示这个酷网站。我不确定您想要复制哪种效果，因为这个页面上有很多内容。我认为背景位置不是解决方案。这是为了从一张大图像中选择不同的面，将它们全部结合起来：@Hans Dash我添加了一张图像来解释我想要实现的缩放效果，是吗这有意义吗？页面的缩放是使用

css

中的

scale

进行的，而背景移动是通过

transform-translate

进行的，但是

js

是动态改变它的（因此每当发生滚动时，它都会更新

转换

）在网站上，

transform

看起来像这样的

transform:translate3d（$[a}px，${b}px，${c}px）刻度（${d}）；

其中${a，b，c，d}将被实数取代。@Francisco非常感谢你！！明白了！