Question

我正在建立一个移动网站。我需要标题位置：固定（但不支持移动）所以我使用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);

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

Answer 1

你的loaded()在哪里？这（或类似的东西）可能会有所帮助：

<body onload="loaded()">

Answer 2

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

部分：入门。有三种方法可以使它发挥作用：

onDOMContentLoaded事件触发iscroll
onLoad事件触发
内联，将代码放在要滚动的html位下面

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

为什么这个html，css和javascript无法使用iScroll4？

2 个答案: