Javascript 滑回顶部

Javascript 滑回顶部,javascript,html,wordpress,css,Javascript,Html,Wordpress,Css,我正在使用WP菜单。您可以在此处看到它正在运行: 因此,当你向下滚动时,它会从顶部显示一个菜单,并一直保持在那里,直到你滚动回顶部。我面临的主要问题是,当你回到顶端时,它会很快隐藏起来,我希望它能以它显示的方式返回,我的意思是向上滑动 当它出现的时候,它使用了向下滑动的效果,我希望它也能用上下滑动的效果,而不是很快隐藏起来 以下是JS: //disable at small screen sizes var myfixed_disable_small = parseInt(mystick

我正在使用WP菜单。您可以在此处看到它正在运行:

因此,当你向下滚动时,它会从顶部显示一个菜单,并一直保持在那里,直到你滚动回顶部。我面临的主要问题是,当你回到顶端时,它会很快隐藏起来,我希望它能以它显示的方式返回,我的意思是向上滑动

当它出现的时候,它使用了向下滑动的效果,我希望它也能用上下滑动的效果,而不是很快隐藏起来

以下是JS:

    //disable at small screen sizes
var myfixed_disable_small = parseInt(mysticky_name.mysticky_disable_at_width_string);
var mybodyWidth = parseInt(document.body.clientWidth);

if (mybodyWidth >= myfixed_disable_small) {
// select mysticky class
var mysticky_navbar = document.querySelector(mysticky_name.mysticky_string);

// add mysticky_wrap div around selected mysticky class
var parentmysticky = mysticky_navbar.parentNode;
var wrappermysticky = document.createElement('div');
var position = 0;
for(var i = 0; i < parentmysticky.childNodes.length; i++) {
if(parentmysticky.childNodes[i] == mysticky_navbar) {
position = i;
break;
};
};
wrappermysticky.id = 'mysticky-wrap';
wrappermysticky.appendChild(mysticky_navbar);
parentmysticky.insertBefore(wrappermysticky, parentmysticky.childNodes[position]);

// add mysticky_nav div inside selected mysticky class
var parentnav = mysticky_navbar.parentNode;
var wrappernav = document.createElement('div');
wrappernav.id = 'mysticky-nav';
parentnav.replaceChild(wrappernav, mysticky_navbar);
wrappernav.appendChild(mysticky_navbar);

// add myfixed and wrapfixed class to divs while scroll
var mysticky_active_on_height = parseInt(mysticky_name.mysticky_active_on_height_string) ;
var origOffsetY = mysticky_active_on_height ;
var mydivHeight = ((mysticky_navbar.offsetHeight) + 'px');

var hasScrollY = 'scrollY' in window;
function onScroll(e) {
var mydivWidth = ((mysticky_navbar.offsetWidth) + 'px');
var mydivReset = '';

var y = hasScrollY ? window.scrollY : document.documentElement.scrollTop;
y >= origOffsetY  ? mysticky_navbar.classList.add('myfixed') : mysticky_navbar.classList.remove('myfixed');
y >= origOffsetY  ? wrappernav.classList.add('wrapfixed') : wrappernav.classList.remove('wrapfixed');
y >= origOffsetY  ? mysticky_navbar.style.width = mydivWidth : mysticky_navbar.style.width = mydivReset;
y >= origOffsetY  ? wrappermysticky.style.height = mydivHeight : wrappermysticky.style.height = mydivReset;
}

document.addEventListener('scroll', onScroll);
};

有人知道如何以同样的方式隐藏回去吗?

当菜单显示时,看起来有一种放松。但当你向上滚动时,它就消失了。你需要找到控制消失的效果

在.js文件中查找控制mysticky nav的效果,mysticky nav是粘性菜单本身的id。当它下降时,它似乎是一个动画效果。当效果消失时,您需要对其进行编辑

假设这是一个插件,检查插件文件夹中的.js文件,因为它们可能不会显示在页面本身的源代码中

希望这有帮助