好的,我正在为摄影师建立一个水平卷轴网站.我们有一些非常好的线框完成,我希望创建一个整洁的效果,它突出显示屏幕左侧的特定照片,或更具体地将透明度设置为所有其他照片的40%.
所以我知道我可以为每张照片添加锚点,这样我就可以使用它来点击下一个选项,但如果用户手动使用滚动条,我有什么方法可以检测相对于每张照片的位置.即使每张照片都是相同的高度,它们也可以使它更加笨拙,但它们可以有不同的宽度.
我在想是否有办法获得每个锚标记的位置然后我可以检测到它的当前位置并使用一些数学来确定哪一个是焦点.
那么有人可以告诉我这是否可能,如果是这样的话怎么样?当然,欢迎使其成功的任何其他想法.
解决方法
我为此编写了一个脚本,并提出了一个脚本,其中的项目不透明度是从它们的左侧离开多远.所以项目越近,它变得越明显.
你可以在这里看到演示:
http://jsfiddle.net/XAa3Y/57/
希望能帮助到你.