fancybox图片弹窗显示插件跳到页面顶部问题

Posted 汪兴

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了fancybox图片弹窗显示插件跳到页面顶部问题相关的知识,希望对你有一定的参考价值。

最近发现一个使用fancybox插件显示图片时页面自动跳转至顶部的问题。

问题原因:一开始html高度为100%;;

技术分享

当点击图片是调用fancybox插件显示图片的时候会给html添加一个overflow:hidden的属性

技术分享

解决办法:

$(‘.image‘).fancybox({ 
  padding:0,
  helpers:{ 
    overlay:{ 
      locked:false 
    } 
  } 
});

 

以上是关于fancybox图片弹窗显示插件跳到页面顶部问题的主要内容,如果未能解决你的问题,请参考以下文章

防止fancybox返回页面顶部

[Fancybox 2.1加载AJAX模板,顶部留有很大的空白,但是当我以其他方式使用Fancybox时,不会发生此问题

图片预览插件 fancyBox

微信页面 onclick一点击就跳到页面顶部了

97进入ScrollView根布局页面,直接跳到页面底部,不能显示顶部内容

部署后,fancybox 无法移动到下一张/上一张图片