JavaScript div在某些浏览器中滚动

时间:2012-01-19 21:20:44

标签: javascript html scroll

我的网站上有一个div滚动。

当您点击下一个和上一个按钮时,它会向上或向下滚动以模拟多个页面。但是在某些浏览器中,当它到达div的末尾时会留下不需要的空间。

使用Javascript:

page=442;
function prevpage(id) { document.getElementById(id).scrollTop-=page; }
function nextpage(id) { document.getElementById(id).scrollTop+=page; }

HTML:

<div class="others_navigation" style="position:relative; top:-37px; width:875px;">
  <a id="prev_page" href="#null" onclick="prevpage('others_content');"></a>
  <a id="next_page" href="#null" onclick="nextpage('others_content');"></a>
</div>

<div style="height:440px; overflow:hidden; position:relative; top:10px;">
  <div id="others_content">
    <!-- this section displays a table with information… -->
  </div>
</div>

CSS:

#others_content {
  height:492px;
  position:relative;
  overflow-x:hidden;
  overflow-y:hidden;
  margin-right:10px;
  padding-left:48px;
  margin-bottom:-100%;
}

您可以在http://chunkydeals.com/daily-deals/

看到此问题

此问题在Firefox上似乎不会发生,但会在iPhone,Android,Google Chrome和Safari上发生。

0 个答案:

没有答案