1

我正在建立一个移动网站。我需要将标题定位：固定（但不支持移动）所以我使用 iScroll4 因为它似乎是我正在寻找的。出于某种原因，我无法弄清楚如何实现它。

这是我的 HTML：

<html>
<head>
<!--includes the iscroll.js file-->
</head>
<body>
<div id="header">
<!--header contents-->
</div>
<div id="wrapper">
<div id="scroller">
<!--a bunch of html that you probably don't care to see-->
</div>
</div>

这是我的CSS：

#scroller {
    position: absolute;
}

#wrapper {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    overflow: auto;
}

#header {
    background: #4B92DB;
    border: none;
    height: 175px;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

这是我的Javascript：

var myScroll;
            function loaded() {
            myScroll = new iScroll('wrapper');
            }

            document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

如果您有任何想法，他们将不胜感激。

4

2 回答 2

1

你loaded()叫什么名字？这（或类似的东西）可能会有所帮助：

<body onload="loaded()">
于 2011-07-29T20:06:43.583 回答
1

阅读 iScroll4 官方页面可能会对您有所帮助。http://cubiq.org/iscroll-4

部分：开始。有3种方法可以使它工作：

  1. onDOMContentLoaded 事件触发 iscroll
  2. onLoad 事件触发
  3. 内联，将代码放在要滚动的 html 位下方

所有代码都在提到的页面上。

于 2012-07-14T07:03:29.580 回答