[英]How to stop the background scrolling
在这种情况下,背景正在滚动并且在单击时包含图像缩略图应使实际图片具有动画效果。 我已完成所有操作,当我单击缩略图时,图像会弹出,但我希望背景保持静音(无需滚动)。它仍在滚动,如何停止播放
这是我的custom.js,我应该添加些什么来实现
jQuery(document).ready(function() {
$('.space-image').click(function() {
var image_sel_id = $(this).attr('id');
/*$('.transparent').show();
/*$('.gallery-wrapper').hide(1000);*/
$('#fullimage'+image_sel_id).show().animate({left:'5%',width:'90%'},"slow");
$('#scrollimage').attr("disabled","disabled").off('click');
});
$('.fullimagecont').click(function() {
var image_clicked_id = $(this).attr('id');
/*$('.transparent').hide().animate({width:'20%'},"slow");
/*$('.gallery-wrapper').show(1000);*/
$('#'+image_clicked_id).hide().animate({width:'20%'},500);
});
});
这是html部分
<div class="content_area">
<div class="transparent" style="display:none;width:100%;height:100%;float:left;position:relative;z-index:900;"></div>
<div class="fullimagecont" id="fullimage5">
<img src="img/5.jpg">
</div>
<div class="fullimagecont" id="fullimage6">
<img src="img/6.jpg">
</div>
<div class="fullimagecont" id="fullimage7">
<img src="img/7.jpg">
</div>
<div class="fullimagecont" id="fullimage8">
<img src="img/8.jpg">
</div>
<div class="fullimagecont" id="fullimage10">
<img src="img/10.jpg">
</div>
<div class="gallery-wrapper" id="scrollimage" style="white-space:nowrap;overflow:hidden;line-height:0;">
<img src="img/gallery/5.jpg" class="space-image" id="5"
/><img src="img/gallery/7.jpg" class="space-image" id="7"
/><img src="img/gallery/8.jpg" class="space-image" id="8"
/><img src="img/gallery/10.jpg" class="space-image" id="10"
/><img src="img/gallery/6.jpg" class="space-image" id="6" />
</div>
<div class="div-slide-effect">
</div>
</div>
请帮忙
这是.css
.fullimagecont
{
position:absolute;display:none;width:25%;height:100%;left:5%;top:0;z-index:999;
}
我认为这应该解决它
单击弹出打开事件后,将主体的溢出属性设置为hidden
$('body').css('overflow','hidden');
并将其设置为auto
关闭弹出窗口
$('body').css('overflow','auto');
希望对您有所帮助,谢谢
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.