非帆布推腳頁

我正在嘗試構建一個非帆布頁腳頁腳。
這個想法是，當從頁腳菜單中選擇不同的選項時，頁面的其餘部分被推上來顯示頁腳內容
有一個滑動頁腳菜單here的教程，但由於它滑動了[頁腳]內容在頁面頂部（如頂層），這不是我正在尋找的。

通過使用bootstrap「手風琴」我已經成功地將內容下拉到頁面下方，但由於這不屬於視野（瀏覽器窗口），所以恐怕有些訪問者不會找到它。非帆布推腳頁

這裏是一個FIDDLE

<div class="pushDown">Please scroll down to bottom</div> 
<div class="panel-group" id="accordion"> 
<div class="panel panel-default"> 
<div class="panel-heading col-xs-6"> 
    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
     Collapsible Group Item #1 
    </a> 
</div> 
<div class="panel-heading col-xs-6"> 
    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> 
     Collapsible Group Item #2 
    </a> 
</div> 
</div> 
<div class="panel panel-default"> 
<div id="collapseOne" class="panel-collapse collapse"> 
    <div class="panel-body"> 
    CONTENT 1 
    </div> 
</div> 
<div id="collapseTwo" class="panel-collapse collapse"> 
    <div class="panel-body"> 
    CONTENT 2 
    </div> 
</div> 
</div> 
</div>

反正是有具備面板推高內容的其餘部分，而不是在下降嗎？

選擇2 - 在這裏，我已經調整了Christopher Yee's plugin的行爲，因爲我需要，但我只能得到它的一個鍵

PushFooter

$(function() { 
var pushy = $('.pushy'), //menu css class 
    body = $('body'), 
    container = $('#container'), //container css class 
    push = $('.push'), //css class to add pushy capability 
    siteOverlay = $('.site-overlay'), //site overlay 
    pushyClass = "pushy-left pushy-open", //menu position & menu open class 
    pushyActiveClass = "pushy-active", //css class to toggle site overlay 
    containerClass = "container-push", //container open class 
    pushClass = "push-push", //css class to add pushy capability 
    menuBtn = $('.menu-btn, .pushy a'), //css classes to toggle the menu 
    menuSpeed = 300, //jQuery fallback menu speed 
    menuWidth = pushy.width() + "px"; //jQuery fallback menu width 

function togglePushy(){ 
    body.toggleClass(pushyActiveClass); //toggle site overlay 
    pushy.toggleClass(pushyClass); 
    container.toggleClass(containerClass); 
    push.toggleClass(pushClass); //css class to add pushy capability 
}

我將如何，如果我可以編輯JS工作使用類名稱.pushy-left2.menu-btn2.pushy2等。

來源

2014-03-13 no0ne

試着製作一個#id粘到腳註的內容區域，並在第觸發手風琴。

當你點擊鏈接，使其鏈接到內容區域「A HREF =‘mysite.com/home#article’」

所以它的中心頁面上的資料片

來源

2014-03-13 09:54:48 jurjen

你的意思做一個錨鏈接？ – no0ne

是的，我認爲那會工作 – jurjen

我已經嘗試過，但由於「href」已被用於「切換」功能，這將無法正常工作？你能用一個有效的例子更新我的'小提琴'嗎？ – no0ne

非帆布推腳頁

回答

相關問題