如何停止背景滾動

這是一種背景滾動的情況，包含單擊它時的圖像縮略圖應爲實際圖片設置動畫。我完成了一切，當我點擊縮略圖時，圖像彈出，但我想要背景保持沉默（不需要滾動）。它仍在滾動，如何停止如何停止背景滾動

這是我的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; 
}

來源

2013-12-18 N.Nihar

請發佈相關的CSS和/或做一個jsfiddle。 – MElliott

如果@Ranveer正在觀看這個：**不要添加空格**。它們不是毫無意義的。在下一行直接連接到下一個標籤的'/>'是已知的成語之一，以擺脫它們（其他人只是簡單地加入行和添加註釋）。 – ZyX

@ ZYx你說得對，但我不能單獨編輯，我接受了。 –

我想這應該修復它

定身hidden的overflow屬性，在彈出的打開事件

$('body').css('overflow','hidden');

的點擊並將其設置爲auto上彈出密切

$('body').css('overflow','auto');

希望這會有所幫助，謝謝

來源

2013-12-18 18:28:03 SarathSprakash

你的意思是將其添加到點擊功能內，或者它是如何描述一個位？ –

@ N.Nihar，是加$（'body'）.css（'overflow'，'hidden'）;在顯示彈出窗口的點擊函數中加入$（'body'）.css（'overflow'， '汽車'）;裏面的功能，關閉poup – SarathSprakash

@ N.Nihar嘗試它，並請迴應。 – SarathSprakash

如何停止背景滾動

回答

相關問題