关于前端div里面内嵌滚动条的使用

怀旧网个人博客网站：怀旧网，博客详情：关于前端div里面内嵌滚动条的使用

使用方法

• 需要完成这个效果，只需要在div里面加上一个属性就可以。
• 设置css属性：overflow: auto; 就可以实现-代码如下：

<div id="shouDiv" style=“overflow: auto;”> // 加上之后就可以实现内置滚动条了
    <>内容<>
</div>

默认滚动条设置

默认滚动条的位置是在最上方，如果需要设置滚动条的位置到最下面的位置，可以提前在js里面加上如下代码

// 默认把内容数据滑到最底下
$('#shouDiv').scrollTop($("#shouDiv")[0].scrollHeight);

补充

只设置水平滚动条：
<div style="width:300px;overflow-x:auto"></div>
只设置垂直滚动条：
<div style="height:100px;overflow-y:auto"></div>
水平和垂直都设置：
<div style="width:300px;height:100px;overflow-x:auto;overflow-y:auto"></div>