首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我有一个页面,它加载了一个地图。当我打开fancybox来显示一个图像时,它似乎被地图“切断”了

我有一个页面,它加载了一个地图。当我打开fancybox来显示一个图像时,它似乎被地图“切断”了
EN

Stack Overflow用户
提问于 2013-12-10 00:37:22
回答 1查看 57关注 0票数 1

我有一个页面,它加载了一个地图。当我打开fancybox显示一个图像时,它似乎被地图“切断”了。

不滚动时显示OK的图像:

但当我向下滚动一点时,图像被切掉了:

如果我删除贴图:

我已经尝试过Z-INDEX和so,但问题仍然存在。这里有一个活的例子:http://llegoelfinde.com.ar/events/mameluco-fiesta-rock/

EN

回答 1

Stack Overflow用户

发布于 2013-12-10 00:45:09

试试这个:

抓取当前滚动位置(别忘了横轴!)将overflow设置为hidden (可能希望保留以前的溢出值)。使用scrollTo()将文档滚动到存储的滚动位置。然后,当您准备好再次允许滚动时,撤消所有这些操作。

代码语言:javascript
运行
复制
// lock scroll position, but retain settings for later
  var scrollPosition = [
    self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
    self.pageYOffset || document.documentElement.scrollTop  || document.body.scrollTop
  ];
  var html = jQuery('html'); // it would make more sense to apply this to body, but IE7 won't have that
  html.data('scroll-position', scrollPosition);
  html.data('previous-overflow', html.css('overflow'));
  html.css('overflow', 'hidden');
  window.scrollTo(scrollPosition[0], scrollPosition[1]);


  // un-lock scroll position
  var html = jQuery('html');
  var scrollPosition = html.data('scroll-position');
  html.css('overflow', html.data('previous-overflow'));
  window.scrollTo(scrollPosition[0], scrollPosition[1])
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20475750

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档