1

携帯サイトを作っています。ヘッダーを position:fixed にする必要があります (ただし、サポートされていないモバイルであるため)、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

iScroll4の公式ページを読むと役立つかもしれません。http://cubiq.org/iscroll-4

セクション: はじめに。動作させるには 3 つの方法があります。

  1. iscroll をトリガーする onDOMContentLoaded イベント
  2. トリガーする onLoad イベント
  3. インラインで、スクロールしたいHTMLビットの下にコードを配置します

すべてのコードは、言及されたページにあります。

于 2012-07-14T07:03:29.580 に答える
1

あなたはどこloaded()に呼ばれていますか？これ（またはそれに似たもの）が役立つ場合があります：

<body onload="loaded()">
于 2011-07-29T20:06:43.583 に答える