当用户在颜色框本身内部滚动时,我试图在我的颜色框后面保留一个容器 div。
我用谷歌搜索了一下,发现引用杰克摩尔的话:
例子:
$().bind('cbox_open', function(){
$('body').css({overflow:'hidden'}); }).bind('cbox_closed', function(){
$('body').css({overflow:'auto'}); });
$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});
但是以前对我不起作用,滚动锁定在 div 后面但也在颜色框中,所以用户不能滚动任何地方!
我猜这iframe
与它有关,因为我以这种方式调用颜色框:
$(document).on("click", ".some-link", function(e){
e.preventDefault();
var url = $(this).attr('href');
$.colorbox({
onComplete: function(){
some other stuff()
$.colorbox.resize();
$('body').css({overflow:'hidden'})
},
onCleanup: function(){
some other stuff()
$('body').css({overflow:'hidden'})
},
href: url,
});
});
有任何想法吗?有没有其他方法可以禁用 div 中的滚动,但允许在另一个中滚动?
我使用带有无限滚动之类的颜色框,因此当用户向下滚动时,会不断显示更多信息(实际上是 div 框)。这些框是触发颜色框的框,“.some-link”是框内的链接。
希望我的英语能调好。问候!奥古斯丁