webkit的诡异问题

最新推荐文章于 2017-08-03 11:06:29 发布

jasondu264

最新推荐文章于 2017-08-03 11:06:29 发布

阅读量642

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/jasondu264/article/details/12561127

版权

JavaScript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

滚动条问题：

在安卓4.0.4版本中，如果使用一个DIV套住滚动时，是没办法控制滚动条滚动的，只有BODY可以，在4.1.2以上就没有这个问题。

如下面的结构：

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Instant Rails Root</title>
</head>

<body>
  <h1>Replace this File!</h1>
  <div style="width: 300px;height: 300px;overflow-y: scroll;display: block;" id="content">
      <p>This is the default <i>index.html</i> file being served out of the <i>www</i> directory. </p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p>You should replace this with something more appropriate.</p>
      <p><button id="button">按钮</button></p>
  </div>
</body>
<script src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$('#button').click(function () {
//    document.body.scrollTop = 0;
//    $(document.body).animate({scrollTop:0},1000);
    $('#content').animate({scrollTop:0},1000);
})
</script>
</html>

jasondu264

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
webkit的诡异问题

滚动条问题：在安卓4.0.4版本中，如果使用一个DIV套住滚动时，是没办法控制滚动条滚动的，只有BODY可以，在4.1.2以上就没有这个问题。如下面的结构：Instant Rails Root Replace this File! This is the default index.html file being served out of th
复制链接

扫一扫