html 点击后上下滚动效果,html js控制div层上下滚动效果

HTML>

靖哥哥博客

* {

margin: 0;

padding: 0;

}

.scrollDiv {

position: relative;

margin: auto;

height: 70px;

width: 50%;

overflow: hidden;

border: 1px solid black;

}

.scrollDiv ul {

position: absolute;

top: 0px;

}

.scrollDiv ul>li {

height: 24px;

}

• 第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行
• 第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行
• 第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行
• 第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行
• 第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行
• 第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行

• 第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行
• 第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行
• 第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行
• 第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行
• 第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行
• 第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行

• 第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行
• 第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行第二行
• 第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行第三行
• 第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行第四行
• 第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行第五行
• 第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行第六行

您需要先赞赏5元 才能查看以下内容！立即赞赏