为什么这个 html、css 和 javascript 不能与 iScroll4 一起使用？

发布于 2024-11-26 22:21:33 字数 1057 浏览 3 评论 0原文

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

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

原文

I am building a mobile website. I need the header to be position:fixed (but being mobile that is not supported) so I am using iScroll4 because it seems to be what I am looking for. For some reason I am not able to figure out how to implement it.

Here is my 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>

Here is my 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%;
}

And here is my Javascript:

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

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

If you have any ideas they would be greatly appreciated.

分享到QQ

分享到微博