Html5 js一个页面看起来多页面

html5 js one page that look multipage

本文关键字：看起来 一个 js Html5      更新时间：2023-09-26

我正在制作一个HTML5/bootstrap应用程序，由于几个原因需要成为单页应用程序。我正在寻找一种在单页上"模拟"多页的方法例如，在显示配置文件部分时隐藏"客户"、"合作伙伴"、"订阅者"部分我不希望用户可以从一个部分向下滚动到另一个

我真的需要一个单独的页面，所以像pagify这样的库不起作用，iframe也不起作用你知道吗?

谢谢

为什么不像:http://getbootstrap.com/javascript/#collapse如果你使用Bootstrap，你可以隐藏和显示div的飞行

问候,米歇尔

如果我正确理解了你的问题，你想把所有东西都放在一个页面上，但一次只显示一个部分。你可以在javascript中使用CSS隐藏所有div，然后设置每个nav按钮点击来显示相应的div:

 <input type="submit" id="custbtn" value="Customers" />
 <input type="submit" id="partbtn" value="Partners" />
 <input type="submit" id="subbtn" value="Subscribers" />
 <div id="customer">
     Customer stuff
 </div>
 <div id="partner">
     Partner stuff
 </div>
 <div id="subscriber">
     Subscriber stuff
 </div>

   $("#custbtn").click(function(){
   $("#customer").show(1000);
   $("#partner").hide(1000);
   $("#subscriber").hide(1000);
});
$("#partbtn").click(function(){
   $("#customer").hide(1000);
   $("#partner").show(1000);
   $("#subscriber").hide(1000); 
 });
 $("#subbtn").click(function(){
   $("#customer").hide(1000);
   $("#partner").hide(1000);
   $("#subscriber").show(1000);

});

小提琴

相关文章：