scrolll in div push bottom or left

我正在做一個MVC 5，bootstrap應用程序。scrolll in div push bottom or left

我有一個帶有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的引導程序或HTML？

感謝

來源

2017-08-29 Diego

您可以使用JavaScript或jQuery的..如果您發佈的代碼的小提琴，我們可以得到一個解決方案... –

添加代碼，以便我們可以幫你！ –

添加我需要滾動的代碼。謝謝 – Diego

你可以做這樣的事情

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

與jQuery滾動到上下或左右。

來源

2017-08-29 18:58:32

如果您希望滾動條總是在那裏。

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

如果您希望滾動條僅在內容大於div時才顯示。

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

來源

2017-08-29 19:36:07 schylake

我想滾動使用「滑動」不滾動鼠標。 – Diego

scrolll in div push bottom or left

回答

相關問題