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

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

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

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

解决办法:

$(‘.image‘).fancybox({
  padding:0,
  helpers:{
    overlay:{
      locked:false
    }
  }
});
时间: 2025-01-11 16:08:58

fancybox图片弹窗显示插件跳到页面顶部问题的相关文章

EasyUI+SpringMVC+Mybaits 页面图片弹窗显示

项目中需要完成一个点击超链接弹出窗口,窗口中用于展示存放于数据库中的图片这样的功能: # 准备工具: 环境: Eclipse 4.3 jdk1.7.0_72 apache-maven-3.0.4 apache-tomcat-7.0.53 spring-mvc-4.0 spring-beans-4.0 mybatis-3.2.8 oracle 11.2.0.3.0 # 基本思路(按照数据流向分析): ------------------------ 后台: >>> 首先从数据库中获取一个带

【原生JS插件】LoadingBar页面顶部加载进度条

先展示一下已经实现的效果: 看到手机上的浏览器内置了页面的加载进度条,想用在pc上. 网上搜了一下,看到几种页面loading的方法: 1.在body头部加入loading元素,在body页脚写入脚本让loading元素消失. 2.基于jquery,在页面的不同位置插入脚本,设置滚动条的宽度. 简单分析一下: 第一个明显不是我想要的. 第二个要在body前加载jquery,然后还要使用到jquery的动画方法,性能肯定达不到最优的状态. 自己的解决方法:原生JS+css3 上面的方法2其实是可以

asp.net实现弹窗并跳转页面

asp.net的弹窗代码是用Response.Write方法来利用JS弹窗,而跳转页面有.net语言自带的Response.Redirect方法,然而,我们如果写成 1 Response.Write("<script>alert('Hello world!');</script>"); 2 Response.Redirect("Login.aspx"); 这样跳转页面的代码就会覆盖弹窗的代码,用户看不到弹窗就直接跳转了. 为了解决这个问题,我

Javascript和jQuery WordPress 图片轮播插件, 内容滚动插件,前后切换幻灯片形式显示

用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你.Nivo Slider首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本.目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色:? 16个独特的过渡效果? 简洁和有效的标记? 加载参数设置?

DD_belatedPNG插件图片不显示bug

一直很少做PC页面,兼容问题更是接触的少之又少,今天做了一个小导航,发现IE6下只有第一个显示 这里是正常的效果 IE6下,背景都消失不见了. 解决办法,去掉元素设置背景时的CSS里的no-repeat就解决了,具体原因,有时间了细细研究下 DD_belatedPNG插件图片不显示bug,布布扣,bubuko.com

webform文本框 、显示文字、按钮、跳转页面、页面传值

1.TextBox:用户输入文本框 单行文本框 多行文本框 密码框2.显示文字:lable会生成Span标签 literall将文字原封不动的打到页面3.按钮:Button普通按钮 ImageButton图片按钮 LinkButton超链接按钮4.Image:图片工具 HyperLink:超链接工具 跳转页面:1.Response.Redirect("url"); //重定向页面,可以跳转任何页面2.Server.Transfer("url"); //重新请求页面,

Swift中使用presentViewController跳转页面后模拟器显示黑屏问题

Swift中使用presentViewController跳转页面后模拟器显示黑屏问题 问题原因 针对storyboard制作页面和手写页面,需要使用两种不同方法进行页面跳转. 解决办法 针对手写页面及storyboard制作页面,使用代码进行页面跳转的两种方法. 对于使用storyboard制作的页面 var sb = UIStoryboard(name: "Main", bundle:nil) var vc = sb.instantiateViewControllerWithIde

解决WordPress后台安装主题、插件图片不显示的问题

今天搭建wordpress发现现在主题的时候预览图片都没有了,于是搜索了一下,发现下面的这个方法确实管用,于是转载收藏. 有在WordPress后台安装主题.插件的小伙伴可能会遇到主题.插件图片不显示的问题,这给我们照成了不便.说到底还不是墙的问题,所以咱可以通过修改本地的hosts文件来决解. 决解方法 打开C:\WINDOWS\system32\drivers\etc目录里的hosts文件,将以下代码追加到hosts文件尾并保存,代码来自 Uazoh优佐生活 #wpCDN 93.184.21

grails2.3.x创建插件,gsp页面不能正确显示内容

grails2.3.x创建plugin时,默认的Config.groovy只有简单的log设置,这时候,页面添加数据之后,正确的逻辑是show新增的数据,但却变成404,需要在Config.groovy中增加以下代码: grails.mime.types = [ // the first one is the default format all:           '*/*', // 'all' maps to '*' or the first available format in wit