js滚动加载数据,如果不出滚动条怎么办

JavaScript013

js滚动加载数据,如果不出滚动条怎么办,第1张

一:去掉全部的滚动条

第一个方法:

iframe

有一个scrolling属性,它有

auto

,

yes

,

no

这三个值。

scrolling

:

auto

-----在需要的时候滚动条出现

scrolling

:

yes

------始终显示滚动条

scrolling

:

no

-------始终隐藏滚动条

当设置

scrolling

:

no

时,全部的滚动条就没有了。

第二个方法:我发现除了

scrolling

可以去掉全部的滚动条外,还有另一个方法,在嵌入的页面里设置

body{overflow:hidden},这样也可以将滚动条去掉,而且这也是当我们只想去掉某一个滚动条所使用的属性。

二:去掉右边的滚动条且保留底下的滚动条

如果只想保留底下的滚动条,那么可以在嵌入的页面里设置

body{overflow-x:auto

overflow-y:hidden;}

js监视滚动事件的函数是onscroll

js语法:element.onscroll = functionReference

html语法:<element onscroll="myScript">

<!DOCTYPE html>

<html lang="en">

  <head>

  <meta charset="UTF-8" />

  <style>

  #container {

    position: absolute

    height: auto

    top: 0

    bottom: 0

    width: auto

    left: 0

    right: 0

    overflow: auto

  }

 

  #foo {

    height:1000px

    width:1000px

    background-color: #777

    display: block

  }

 

  </style>

  </head>

  <body>

    <div id="container">

      <div id="foo"></div>

    </div>

 

    <script type="text/javascript">

      // js绑定你需要监控滚动事件的dom,也可以绑定document.body监控整个网页滚动

      // 也可以监控具体的dom滚动,像下面的container Id对象

      document.getElementById('container').onscroll = function() {

        console.log("scrolling")

      }

    </script>

  </body>

</html>

直接设置iframe属性在ie8下无效果,所以得通过div来实现.

divid:包含iframe的div

function setFrameAutoScrol(divid)

{

var iframe = window.parent.document.getElementById(divid)

var div= window.parent.document.getElementById(divid)

div.style.height=iframe.height-20+"px"//设置div高度

div.style.overflow = 'auto'//设置滚动条

}

另外推荐myie浏览器,占资源最少,速度快,崩溃最少