如何保持幻燈片菜單始終打開？使用這種tumblr主題

-1

I'm： http://flataura.tumblr.com/如何保持幻燈片菜單始終打開？使用這種tumblr主題

而且我想在，當你點擊它打開的文本「Flaty」右側的滑動菜單，要始終打開。有沒有解決方案？

這裏是幻燈片的JavaScript： http://static.tumblr.com/ssdtkch/gT6nanpl7/pageslide.js

謝謝！

來源

2016-02-20 LTart

這實際上與java有什麼關係嗎？ – Krease

我認爲它，我想我需要修改.js文件來做到這一點，但我不知道如何！ – LTart

Java和JavaScript是不同的語言@LTart – JohnHoulderUK

從評論中可以看出，你已經足夠熟悉編輯CSS了。添加到你的CSS的底部，它應該顯示菜單，並隱藏動畫顯示/隱藏的按鈕：

body { 
    margin-left: 281px; 
} 

div#side { 
    display: block !important; 
    left: 0; 
    right: auto; 
    position: fixed; 
    top: 0; 
    height: 100%; 
    z-index: 1000000; 
    overflow-y: scroll; 
    width: 280px; 
    background-color: rgba(33,63,82, 0.93); 
    border-right: 1px solid #213f52; 
} 

a.open-sidebar.nav-button { 
    display: none; 
}

來源

2016-02-20 03:29:37 Nate

太棒了！它的工作就像一個魅力。謝謝！！因爲我是新來的，我不能滿足你的答案，但是再次感謝你！ – LTart

是的，有辦法做到這一點。但是由於您對網站看起來並不熟悉，因此通過StackOverflow解決方案太複雜了。如果您想與我聯繫，請告訴我，我可以幫您解決這個問題。

簡而言之，#side元素包含左邊的位，但始終隱藏。 #pageslide元素是顯示的內容，只要您第一次點擊，#side的內容就會被克隆到#pageslide中。然後，使用jQuery（Javascript）爲過渡設置動畫，爲整個body元素引入一個邊距。

所有這些都可以被覆蓋，但它是幾個步驟。如果你認識一個Web開發者，那麼上面的信息應該讓他們開始。否則，讓我知道你是否想聯繫。

祝你好運！

來源

2016-02-20 02:03:35 Nate

這實際上很簡單，但OP可能沒有很多web開發經驗。 – Evochrome

感謝您的評論！作爲@Evochrome說我只知道編碼的基礎。一位用戶發佈了帶有修改代碼的鏈接，因此我將嘗試使用該代碼。非常感謝您的回覆！ – LTart

如何保持幻燈片菜單始終打開？使用這種tumblr主題

回答

相關問題