微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

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

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

解决方法

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

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

希望能帮助到你.

原文地址:https://www.jb51.cc/js/153969.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐