[英]How to set height for iScroll.js using Javascript
我是JS的新手,我需要一些幫助,
我使用iScroll.js文件在phonegap應用程序中滾動視圖。
我使用代碼進行滾動。
在HTML中
<div id ="div_id" align="center" style="width:70%;margin-left: 15%;margin-right: 15%;">
<table style="width:100%; height:15px;">
<tr>
<td>
<img style="width:20px;height:20px;margin-top: 5px;float:right" src="img/arrowleft.png" onclick="datedecriment()" />
</td>
<td align="center">
<h5>
<a id ="month">Month</a>
<a id="date">Date</a>
<a id="year">year</a>
</h5>
</td>
<td>
<img style="width:20px;height:20px;margin-top: 5px;float:right" src="img/arrowright.png" onclick="incriment()"/>
</td>
</tr>
</table>
</div>
在JS文件中
<script type="text/javascript" src="js/iscroll.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); }, false);
//scrolling functionality//
var myScroll1;
function loaded1() {
myScroll1 = new iScroll('div_id', {desktopCompatibility:true});
}
</script>
但是,如何設置高度。 請你幫助我好嗎
試試看
HTML
<div id ="div_id" align="center" style="width:70%;margin-left: 15%;margin-right: 15%;">
<!-- Extra div as iscroll is placed on direct child element-->
<div class="my_scroll">
<table style="width:100%; height:15px;">
<tr>
<td>
<img style="width:20px;height:20px;margin-top: 5px;float:right" src="img/arrowleft.png" onclick="datedecriment()" />
</td>
<td align="center">
<h5>
<a id ="month">Month</a>
<a id="date">Date</a>
<a id="year">year</a>
</h5>
</td>
<td>
<img style="width:20px;height:20px;margin-top: 5px;float:right" src="img/arrowright.png" onclick="incriment()"/>
</td>
</tr>
</table>
</div>
</div>
JS
<script type="text/javascript" src="js/iscroll.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
setTimeout(loaded, 200);
}, false);
var myScroll1;
function loaded1() {
var height = $('#div_id').height();
$("#div_id").css({"height": height+"px"});
_.delay(function() {
myScroll1 = new iScroll($('#div_id').get(0), {desktopCompatibility:true});
}, 500);
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.