divのスクロールがボトムまたは左に移動する

Question

私はMVC 5、ブートストラップアプリケーションをやっています。

私はHTMLタグ付きのページを持っています。ページの内容を上下に移動するには、幅と高さが固定されたdiv内に埋め込む必要があるので、すべてのコンテンツに到達するには両方向にスクロールする必要があります。

私がしようとしているのは、電話機をスクロールすることをシミュレートすることです。つまり、自動的にdivの内側または左側にスクロールするために、「プッシュ」（ワンタッチ）

<div id="Div1" class="MenuUserPpal"> 
 
       <div class="dvParPal" 
 
        <img id="imgConf2" class="dvPPalImg" src="~/Content/Images/Iconos/Photos.png" /> 
 
       </div> 
 
       <div class="dvParPal"> 
 
        <img id="img22" class="dvPPalImg" src="~/Content/Images/Iconos/Activities.png" /> 
 
       </div> 
 
       <div class="dvParPal" title="Mis Foro" > 
 
        <img id="img42" class="dvPPalImg" src="~/Content/Images/Iconos/Foro.png" /> 
 
       </div> 
 
       
 
        <div class="dvParPal" > 
 
         <img id="img52" class="dvPPalImg" src="data:image;base64,@System.Convert.ToBase64String(Model.Picture)" /> 
 
        </div> 
 
       
 
       <div class="dvParPal" > 
 
        <img id="img12" class="dvPPalImg" src="~/Content/Images/Iconos/groups.png" /> 
 
       </div> 
 
       <div class="dvParPal" > 
 
        <div class="dvParPalImg" > 
 
        </div> 
 
       </div> 
 
       <div class="dvParPal"> 
 
        <img id="img8" class="dvPPalImg" src="~/Content/Images/Iconos/alerts.png" /> 
 
       </div> 
 
      
 
        <div id="dvMantenimiento" class="dvParPal" > 
 
         <img id="img7" class="dvPPalImg" src="~/Content/Images/Iconos/man.png" /> 
 
        </div> 
 
      </div>

それはそれを行うための方法ですか？ Jquery oブートストラップまたはHTML？

おかげ

Answer 1

あなたは下または左にスクロールするjQueryを使って

$('html, body').animate({scrollTop: '0px'}, 300); 

ような何かを行うことができます。

Answer 2

スクロールバーを常に表示したい場合。

<div style="width:100px;height:100px;overflow:scroll;"> 

コンテンツがdivより大きい場合にのみスクロールバーを表示したい場合は、

<div style="width:100px;height:100px;overflow:auto;">