javascript – 水平滚动,检测相对于锚点的滚动位置

好的,我正在为摄影师建立一个水平卷轴网站.我们有一些非常好的线框完成,我希望创建一个整洁的效果,它突出显示屏幕左侧的特定照片,或更具体地将透明度设置为所有其他照片的40%.

所以我知道我可以为每张照片添加锚点,这样我就可以使用它来点击下一个选项,但如果用户手动使用滚动条,我有什么方法可以检测相对于每张照片的位置.即使每张照片都是相同的高度,它们也可以使它更加笨拙,但它们可以有不同的宽度.

我在想是否有办法获得每个锚标记的位置然后我可以检测到它的当前位置并使用一些数学来确定哪一个是焦点.

那么有人可以告诉我这是否可能,如果是这样的话怎么样?当然,欢迎使其成功的任何其他想法.

解决方法

我为此编写了一个脚本,并提出了一个脚本,其中的项目不透明度是从它们的左侧离开多远.所以项目越近,它变得越明显.

你可以在这里看到演示:
http://jsfiddle.net/XAa3Y/57/

希望能帮助到你.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...