我正在尝试实现一项功能，在该功能中，当英雄图像的缩略图超过50％并位于视口中时，该图像的缩略图会突出显示。并且使缩略图具有粘性，以便用户可以单击它来导航到相应的图像。
在尝试通过jQuery在不使用任何Bootstrap框架的情况下进行此操作的情况，请参见以下站点，以更好地理解这一点。 我也希望为我的网站实现相同的功能。
我知道我们可以 .visible（）来检查图像是否可见，但是这里也希望突出显示英雄图像的相应缩略图。
https://www.everlane.com/products/mens-cotton-crew-stone?collection=mens-all
任何建议/想法都会有很大帮助！
答案 0 :(得分：0)
在这里，我认为您可以使用数组的索引来识别缩略图及其相应的英雄图像。正如您在帖子中所讲的，您知道识别英雄形象的逻辑。因此，您只需要使用相同的索引来找到缩略图，并使用边框css向其中添加一些selected类。