这个是自己生成的吗,只是展示效果吗,还有其他效果吗。很像骨架图https://www.codercto.com/a/34305.html
按我的理解点击缩略图获取鼠标相对于缩略图层的一个位置,依照缩略层的宽高和屏幕的宽高计算出实际对应的位置,然后控制页面滚动到这个位置。具体没做过,不过我想应该行得通
你这个其实和淘宝商品详情的鼠标滑入商品图查看大图原理一样的。
总共分为4个div。可视区大div,大div里的内容div,控制区小div,小div里的内容div。
大div设置overflow:hidden,设置定位position:relative。
大div里的内容div设置定位position:absolute。
小div宽高比例和大div里的内容div宽高保持一致,设置定位position:relative。
小div里的内容div宽高比例和大div宽高保持一致,设置定位position:absolute。
通过点击,改变小div里的内容div的top和left,并乘对应比例,改变大div的top和left。
不懂可以在私信,觉得有帮助请给个采纳哈~