2011-06-08 2 views
2

Je site avec une forme de glissement de la droite lorsque vous cliquez sur un bouton bleu:Je ne peux pas me débarrasser de cette barre de défilement

Comme vous pouvez le voir sans doute, la barre de défilement horizontale permet aux visiteurs de voir la forme coulissante avant et après il devient actif. C'est le problème, j'espère que quelqu'un peut m'aider à le résoudre.

Voici le code jQuery j'utilise: si vous n'avez pas

body{overflow-x:hidden;}

un bloc organisé de css, il suffit d'ajouter le style:

<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> 

Répondre

3

ajouter ceci à css = "overflow-x: hidden" à votre balise body comme suit:

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

résolu. ;)

+0

merci, je vais le vérifier et le marquer en vert si cela m'aide :) –

0

Le défilement apparaît car vous ne vous cachez pas, mais déplacez l'élément vers la droite. Tout est à propos de css. Des solutions possibles sont overflow-x:hiddenMDNMSDN ou l'ajout d'un conteneur avec display:noneMDNMSDN à la partie sans bouton.

+0

merci, c'est aussi une solution de travail –

+0

@IWalkedAway Content que vous l'aimez. C'est briser le concept de déplacer ce bouton vers la droite, et le premier que je vois. – Bakudan

+0

ouais, c'est l'idée que j'avais, mais j'ai décidé de poser la question avant de l'essayer :) –

Questions connexes