[英]Creating a drop-down menu that opens upward at the top of the page and then downward when scrolled down
[英]Menu opens (drops down) when page opens
我目前正在使用主題為WallBase的wordpress進行工作,您可以在http://demo.fabthemes.com/Wallbase/上進行預覽。
加載頁面fillany時,菜單將下拉。
我希望它保持關閉狀態,我嘗試了幾種方法,但我對JS不了解,因此無法解決問題,我認為它應該非常簡單。
這是我發現的JS代碼:
jQuery(document).ready(function() {
/* Navigation */
jQuery('#submenu ul.sf-menu').superfish({
delay: 500, // 0.1 second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
dropShadows: true // disable drop shadows
});
/* Menu Show/Hide */
jQuery("#botmenu").hide();
jQuery(window).load(function() {
jQuery('#botmenu').slideDown(1000, function() {
jQuery('.trig').addClass("trigu");
});
});
jQuery('.strigger').toggle(function(){
jQuery('#botmenu').slideUp(500, function() {
jQuery('.trig').removeClass("trigu");
});
}, function(){
jQuery('#botmenu').slideDown(1000, function() {
jQuery('.trig').addClass("trigu");
});
});
我試過編輯js,還添加了display:.css中沒有.load和.slideDown的功能,但是它不起作用。
請幫我!!
似乎是罪魁禍首的代碼在這里:
jQuery(window).load(function() {
jQuery('#botmenu').slideDown(1000, function() {
jQuery('.trig').addClass("trigu");
});
});
請嘗試將其注釋掉,因為它似乎在加載窗口時立即激活。 對我而言,最jQuery(window).load(function()
標志至少是: jQuery(window).load(function()
,用簡單的英語表示“當窗口加載后,執行此操作”
/*
jQuery(window).load(function() {
jQuery('#botmenu').slideDown(1000, function() {
jQuery('.trig').addClass("trigu");
});
});
*/
這可能無法完全解決問題,wallbase javascript可能依賴於此。 意思是,您正在更改行為,並且主題可能被設計為期望您刪除的行為。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.