在 div 中滚动向下或向左答案

【问题标题】：scrolll in div pushing bottom or left在 div 中滚动向下或向左
【发布时间】：2017-08-29 18:53:13
【问题描述】：

我正在做一个 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 bootstrap 还是 HTML？

谢谢

【问题讨论】：

您可以使用 javascript 或 Jquery。如果您发布代码的小提琴，我们可以得到一个解决方案...
添加代码以便我们为您提供帮助！
添加我需要滚动的代码。谢谢

标签： jquery html twitter-bootstrap scroll

【解决方案1】：

你可以做类似的事情

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

使用 jQuery 滚动到底部或左侧。

【讨论】：

【解决方案2】：

如果您希望滚动条始终存在。

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

如果您希望滚动条仅在内容大于 div 时显示。

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

【讨论】：

我想用“滑动”滚动而不是用鼠标滚动。