DIV内容很宽,怎么让右下角出现缩略图,点击调节可视区域位置?

 

这个是自己生成的吗,只是展示效果吗,还有其他效果吗。很像骨架图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。

不懂可以在私信,觉得有帮助请给个采纳哈~