我正在尝试iScroll并遵循文档,但出于某种原因我无法初始化它。至少,我不认为我可以。从演示和代码中,我并不完全确定我期望它看起来像什么!
我有这段代码:
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/iScroll/iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new IScroll('#scroll', {
mouseWheel: true,
scrollbars: true
});
}
</script>
</head>
<body onload="loaded()">
<div id="scroll">
<div>...Lots of Lorem Ipsum text here...</div>
</div>
</body>
</html>
为了整洁,我还没有包含我想要滚动的div
中的实际文字,但我所拥有的只是很多很多文本 - 足以使页面需要滚动。对iScroll文件的引用肯定是正确的,即使它是混合的情况。
我添加了选项( mouseWheel 和滚动条)只是为了尝试发生一些事情,以便我可以确定脚本是否正在初始化。将滚动条设置为false似乎没有任何区别。奇怪的是,如果我将 mouseWheel 设置为false,我的鼠标滚轮就可以正常工作,但是如果我将它设置为true则不然 - 它完全与文档相反。
我明显做错了什么,但我看不出什么 - 它没有比我尝试的更基本。我查看了文档中的barebone example,但这对我来说似乎也没有用,因为在任何地方都没有显示滚动条。我在Chrome(48)和IE11中获得了相同的行为。