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

为什么这个html、css和javascript不能与iScroll4一起使用?,javascript,jquery,css,mobile,iscroll4,Javascript,Jquery,Css,Mobile,Iscroll4,我正在建立一个移动网站。我需要标题是位置:固定的(但不支持移动),所以我使用iScroll4,因为它似乎就是我想要的。由于某种原因,我无法想出如何实现它 这是我的HTML: <html> <head> <!--includes the iscroll.js file--> </head> <body> <div id="header"> <!--header contents--> </div> &l

我正在建立一个移动网站。我需要标题是位置:固定的(但不支持移动),所以我使用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>
下面是我的Javascript:

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

            document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
如果您有任何想法,他们将不胜感激。

您的
加载()在哪里被调用?这(或类似的东西)可能会有帮助:

<body onload="loaded()">

阅读iScroll4官方页面可能会对您有所帮助

部分:开始。有三种方法可以让它工作:

  • onDOMContentLoaded事件以触发iscroll
  • 要触发的onLoad事件
  • 内联,将代码放在要滚动的html位下面
  • 所有代码都在上面提到的页面上

    <body onload="loaded()">