但是我仍然无法解决问题。
我的文件位于此处
任何 FancyBox 专家可以告诉我为什么需要点击 2 次吗?
还有为什么我似乎无法摆脱垂直滚动?
但是我仍然无法解决问题。
我的文件位于此处
任何 FancyBox 专家可以告诉我为什么需要点击 2 次吗?
还有为什么我似乎无法摆脱垂直滚动?
您需要.fancybox()
在 DOM 就绪时调用调用,而不是在单击时调用。
$(document).ready(function() {
var $elt = $('div.jTscroller'),
id = $elt[0].id,
url = id + '.html',
w = parseInt($elt.attr('w'), 10),
h = parseInt($elt.attr('h'), 10);
$elt.fancybox({
padding: 2,
height: h + 28,
width: w + 23,
autoScale: true,
openEffect: 'elastic',
openSpeed: 150,
type: 'iframe',
href: url,
closeEffect: 'elastic',
closeSpeed: 250,
helpers: {
title: {
type: 'outside'
},
overlay: {
speedIn: 750,
opacity: 0.9
}
} //end helpers
}) //end fancybox
}); //end click
}); //end ready
显示讨厌的滚动条是因为<body>
页面元素应用video1.html
了用户代理默认的 8px 边距。添加margin: 0
到该元素,您就可以开始了: