这就是我所说的
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); }, false);
/**/
$(document).ready(function() {
//Created an array for adding n iScroll objects
var myScroll = new Array();
$('.content').each(function(){
if($(this).attr('id')==null){
$(this).attr('id') = $(this).attr('class');
}
id = $(this).attr('id');
console.log(id);
$(this).html('<div class="scroller">'+$(this).html()+'</div>');
myScroll.push(new iScroll(id));
});
});
我对其进行了一些修改,因此您可以将它与类一起使用,而不仅仅是 id。
它似乎工作(启用),因为我可以拖动容器及其内容(但它不会保持位置,它会在鼠标释放时恢复)
如果您想看到它发生,请访问http://toniweb.us/grano并单击菜单中的任何项目,新显示的效果。
知道为什么它可以工作但没有按预期工作吗?
我想这样做的原因是因为容器有几个子容器,这些子容器将根据内容选择隐藏或显示。
CSS:
#nvl1{
padding:0px 25px;
z-index:10;
position:absolute;
left:0px;
background:url("../img/fondoNivel2.jpg") no-repeat scroll right 0 #79797B ;
height:100%;
}
#nvl1 .content{
width:650px;
z-index:11;
display:none;
color:#6666b6b;
position:relative;
line-height:30px;
}