2011-06-08 106 views
2

我的網站形式從右側滑動,當你點擊一個藍色按鈕:我無法擺脫這種滾動條

正如你可能看到,水平滾動條,遊客可以看到滑模它變得活躍之前和之後。 這就是問題所在,我希望有人能幫我解決它。

這是jQuery代碼我使用:

<script type="text/javascript"> 
      $(document).ready(function() 
      { 
       function positioningForm() 
       { 
        $('#insider').css({"right": "-535px"}).show(); 
       } 
       function slideFromRight() 
       { 
        $('#insider').animate(
        {right: "0px"}, 
        {duration: 'slow',easing: 'easeOutElastic'}); 
       } 
       function slideToBeginning() { 
        $('#insider').animate(
        {right: "-535px"}, 
        {duration: 'slow',easing: 'easeOutElastic'}); 
       } 

       // Positioning the insider at the time of page loading 
       positioningForm(); 

       var state = 0; 
       $('.right_btn').click(function() { 
        if(state == 0) { 
         //do the magic :) 
         slideFromRight(); 
         state = 1; 
        } else if(state == 1) { 
         //unroll the magic :) 
         slideToBeginning(); 
         state=0; 
        } 
       }); 
      }); 
     </script> 

回答

3

它添加到CSS:

body{overflow-x:hidden;}

如果你沒有CSS的組織塊,只需添加樣式=「overflow-x:hidden」到您的身體標記如此:

<body style="overflow-x:hidden;">

解決了。 ;)

+0

謝謝,我會檢查出來,並標記它綠色,如果它幫助我:) – 2011-06-08 08:43:53

0

出現滾動是因爲您沒有隱藏,但將元素向右移。這是關於CSS。可能的解決方案是overflow-x:hiddenMDNMSDN或添加容器與display:noneMDNMSDN到非按鈕部分。

+0

謝謝,這也是一個工作溶劑 – 2011-06-08 08:47:24

+0

@IWalkedAway很高興你喜歡它。這是打破了這個概念,把這個按鈕移到右邊,我看到的第一個按鈕。 – Bakudan 2011-06-08 08:52:01

+0

是的,這是我的想法,但我決定問這個問題之前,我給它一個嘗試:) – 2011-06-08 10:35:59