bootstrap附加浮動滾動到左邊滾動

我有一個容器內的div，我想保持固定在屏幕的右側。但是，當用戶開始滾動時，它會一直移動到左側。謝謝你的幫助。bootstrap附加浮動滾動到左邊滾動

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

最近的事情：

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

來源

2012-12-19 user516883

當用戶滾動或固定時，您希望保持它固定和下降，如「它根本不打算移動」 – cheesemacfly

是的，滾動時保持固定。看看jsfiddle示例 – user516883

添加到您的CSS，它會留到右：

.explore_recentAlbums { 
    right: 0;  
}

來源

2012-12-19 03:19:40

謝謝我會試一試。 – user516883

謝謝。這工作。所以我假設引導程序在向div應用詞綴類時有一個左邊的0，這就是爲什麼它會一直拉到屏幕的左邊。 – user516883

同樣，當您滾動時，它仍然向右移動。如何保持在那個位置。 – user516883

bootstrap附加浮動滾動到左邊滾動

回答

相關問題