怀旧网,博客详情:关于前端div里面内嵌滚动条的使用

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

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

原创

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

使用方法

<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>
  • 平台作者:怀旧(联系作者)
  • QQ:444915368
  • 邮箱:444915368@qq.com
  • 电话:17623747368
  • 评论

    登录后才可以进行评论哦!

    回到顶部 留言