jquery拖动以调整div大小并显示移动设备上的内容
我有一个onscrollingheader效果,向下滚动时会缩短页眉,向上滚动时会显示完整的页眉 现在我想在手机上通过触摸拖动打开标题,并显示内容,而不仅仅是标题大小 您可以在此处看到屏幕记录:jquery拖动以调整div大小并显示移动设备上的内容,jquery,jquery-ui,resize,touch,drag,Jquery,Jquery Ui,Resize,Touch,Drag,我有一个onscrollingheader效果,向下滚动时会缩短页眉,向上滚动时会显示完整的页眉 现在我想在手机上通过触摸拖动打开标题,并显示内容,而不仅仅是标题大小 您可以在此处看到屏幕记录: 弗拉兹
弗拉兹
如何使logoicon作为事件处理程序执行
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<link href="css/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css">
<header id="resizable" class="ui-widget-content">
<div class="container">
<div class="row">
<div class="web-nav">
<ul id="nav-left" class="span5 alignright">
<li><a href="#about" class="active">about</a></li>
<li><a href="#portfolio">portfolio</a></li>
</ul>
<div id="logo" class="span2"><h1><a href="index.html">vranz</a></h1></div>
<ul id="nav-right" class="span5">
<li><a href="#jobs">jobs</a></li>
<li><a href="#contact">contact</a></li>
</ul>
<div class="logoicon"><h1><a class="scroll-to-top">vranz</a></h1></div>
<br class="clear" />
</div>
</div>
</div>
</header>
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
<script>
$(function() {
$( "#resizable" ).resizable({
maxHeight: 400,
minHeight: 80,
});
});
</script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/application.js" type="text/javascript"></script>