62,041
社区成员
发帖
与我相关
我的任务
分享手机浏览器DIV滚动条如何实现
大家好，请教个技术问题，我也是做微网站开发的，
我想实现一个div如果超出高度之后，可以显示滚动条，
在手机浏览器上面哦。
我用了<div style="width:100%;height:200px;overflow:auto;">。
好像是不管用的，有没有高手做过类似的情况啊。
我想实现一个div如果超出高度之后，可以显示滚动条，
在手机浏览器上面哦。
我用了<div style="width:100%;height:200px;overflow:auto;">。
好像是不管用的，有没有高手做过类似的情况啊。
...全文
请发表友善的回复…
发表回复
FLootLat 2017-01-14
- 打赏
- 举报
直接在容器里面在写一个标签然后给这个标签设置 position: fixed;我用的是span标签
大概就是这样
<div class='scroll' style='overflow-y: auto;height:100px'><span style='position: fixed'></span><a>1</a><a>2</a><a>3</a></div>
williamxia8 2014-09-11
- 打赏
- 举报
用iscroll实现了，我把页面里面的ScriptManager这个控件去掉就可以实现了，真是不简单啊。
williamxia8 2014-09-11
- 打赏
- 举报
当添加的数据超过了一定行数时就要可以滚动
williamxia8 2014-09-11
- 打赏
- 举报
补充一下，我是aspx页面，动态添加数据的
nitaiyoucala 2014-09-11
- 打赏
- 举报
iscroll
myhope88 2014-09-11
- 打赏
- 举报
没弄过，帮顶下
williamxia8 2014-09-10
- 打赏
- 举报
<div id="wapper" style="position:absolute;width:100%;top:180px;height:160px;left:0px;overflow: hidden;z-index:1;">
<div id="scroller" style="left:0px;height:1000px;">
<table class="tableForDataList" cellpadding="0" cellspacing="0" style="width:100%;left:0px;">
<tr>
<th>
类型
</th>
<th>
金额
</th>
<th style="width: 50px">
</th>
</tr>
</table>
</div>
</div>
我这样写了怎么没有效果呢
<script type="text/javascript" src="../js/iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
setTimeout(function(){
myScroll = new IScroll('#wrapper', { mouseWheel: true });
},100);
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener("DOMContentLoaded", loaded, false);
</script>
ayanamireizero 2014-09-10
- 打赏
- 举报
iscroll，百度一下这玩意吧，wap站俺一直用它
