bootstrap affix fluttua completamente verso sinistra quando si scorre

Question

Ho un div all'interno di un contenitore che mi piacerebbe rimanere fisso sul lato destro dello schermo. Ma quando l'utente inizia a scorrere, si sposta completamente verso sinistra. Grazie per qualsiasi aiuto.

http://jsfiddle.net/kbLak/

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.min.css" rel="stylesheet"> 

cose recenti:

 </div> 
    </div> 
</div> 
<div class="explore_recentAlbums" data-spy="affix" data-offset-top="20"> 
    <div class="ex_recentBar"> 
     <div class="ex_titleDetails"> 
      <span>recent stuff: </span> 
     </div> 
    </div> 
    <table> 
     <tr> 
      <td> 

        <div class="well well-small" style="margin-bottom: 1px;"> 
         <span>Recent</span> 
        </div> 

        <span class="NoDataFound">No Photo.</span> 


        <div class="smallalbumcover"> 
         <div class="mosaic-blocksmall mofade"> 
          <div class="mosaic-overlay"> 
           <div class="details"> 
            <p> 
             <a href="#">xzxz</a> 
            </p> 
           </div> 
          </div> 
          <div class="mosaic-backdrop"> 
           <img src=""/> 
          </div> 
         </div> 
         <div class="clearfix"> 
         </div> 
        </div> 

        <div style="margin-bottom: 1em; text-align: center; margin-top: 10px;"> 
         <a style="text-decoration: none;" href="/pics"><span class="label label-info">View More</span></a> 
        </div> 

      </td> 
     </tr> 
     <tr> 
      <td> 

        <div class="well well-small" style="margin-bottom: 1px;"> 
         <span>Recent Video Albums</span> 
        </div> 

        <span class="NoDataFound">No Video.</span> 

        <div class="smallalbumcover"> 
         <div class="mosaic-blocksmall mofade"> 
          <div class="mosaic-overlay"> 
           <div class="details"> 
            <p> 
             <a href="/">test</a> 
            </p> 
           </div> 
          </div> 
          <div class="mosaic-backdrop"> 
           <img src="#"/> 
          </div> 
         </div> 
         <div class="clearfix"> 
         </div> 
        </div> 

        <div style="margin-bottom: 1em; text-align: center; margin-top: 10px;"> 
         <a style="text-decoration: none;" href="/vids"><span class="label label-info">View More</span></a> 
        </div> 

      </td> 
     </tr> 
     <tr> 
      <td> 

        <div class="well well-small" style="margin-bottom: 1px;"> 
         <span>Recent P</span> 
        </div> 

        <span class="NoDataFound">No.</span> 

        <div class="smallalbumcover"> 
         <div class="mosaic-blocksmall mofade"> 
          <div class="mosaic-overlay"> 
           <div class="details"> 
            <p> 
             <a href="/">test</a> 
            </p> 
           </div> 
          </div> 
          <div class="mosaic-backdrop"> 
           <img src=""/> 
          </div> 
         </div> 
         <div class="clearfix"> 
         </div> 
        </div> 

        <div style="margin-bottom: 1em; text-align: center; margin-top: 10px;"> 
         <a style="text-decoration: none;" href="/aio"><span class="label label-info">View More</span></a> 
        </div> 


      </td> 
     </tr> 
    </table> 
</div> 

Answer 1

aggiungere questo alla tua CSS e rimarrà a destra:

.explore_recentAlbums { 
    right: 0;  
}