折腾了一晚，一个 jQuery 偏移量问题..求前端高手帮看下..

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3469 天前的主题，其中的信息可能已经有所发展或是发生改变。

预览地址： http://120.24.209.47/goods/index/id/11.html

左上角的图片放大镜效果～鼠标放上去后的偏移量总是不对！！

搞了半个晚上没看出问题大概在哪，弄了点控制台日志，大家可以凑合着看下输出..

也是蛮郁闷的.对浏览器定位一点不熟..

先说下文件大概在哪儿：

启动程序在 jq22.js 的第一个方法里（其实这个看不看倒无所谓滴啦！）

css在 jq22.css

核心插件在 jquery.jqzoom.js

=..= 跪求高手帮支招...

偏移

控制台

jq22.js

12 条回复 • 2014-11-17 00:28:10 +08:00

Sin

2014-11-16 09:09:32 +08:00

第二张图是好的吧
第一张放大后的完全不是原图啊？

williamx

2014-11-16 09:12:01 +08:00

图挂了？

konakona

2014-11-16 10:09:28 +08:00

@Sin 第二张图是错误的示范，纯粹是用来扩充下面小图的...

正确情况会是图1.

因为图1小图是460X460，大图是960X960，正好是小图的两倍。

konakona

2014-11-16 10:37:32 +08:00

@williamx 上传了数据表没传图
@Sin

=,,= 大概是bootstrap的原因，框架是ThinkPHP，在出问题的这个页面使用{__NOLAYOUT__}后，相当于失去所有bootstrap的css。然后定位就对了...........................＝，＝这样排查起来比检查js还麻烦呢...问题恐怕出现在一环套一环的css里...

konakona

2014-11-16 10:48:14 +08:00

啊哈～搞定了搞定了～
因为bootstrap（3最新版）的 1421 行 col-**-*** class的position: relative;

在外部html里重写为position: static 即可=W= 终于定位上了...