我有下面的html代码 Dropdown--> About Base Blog Contact Custom Support Tools 它基本上取自这个网站https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown_filter 它看起来是这样的 ? 它对菜单中显示的项目进行搜索。现在我希望这个菜单向上打开,而不是向下打开 在网上查找时,我发现我必须提供bottom: 100%; Drop-down me
菜单是固定的,并与标题的最高高度相抵。但当我滚动标题上升,因为它不是固定的。所以菜单也应该向上滚动。
查找演示
我只想在向下滚动的时候,菜单上的顶部不应该有偏移距。
$(window).scroll(function(){
var y = $(window).scrollTop();
var bgp = $(window).scrollTop();
var mtv = $('.menu').position().top;
if(y > 0){
$('.menu').css({'top': + mtv-bgp +
我有一个使用列表的主菜单。当用户在某一项上盘旋时,它会向上移动,向用户指示悬停,同时更改背景色并显示其子菜单。
如果需要firebug,请将debug=true添加到查询字符串中。
问题在IE8中,如果子菜单是活动的,并且用户悬停在主级别上的任何列表项上,那么前面所有的项目都会表现得好像它们也在盘旋一样。这意味着这些列表项会向上移动,但background-color不会更改。根据用户将鼠标移动到列表项上的方式,其中一些项目甚至会在开始位置下面。
下面是我转换成CSS的CSS,以帮助理解我是如何移动菜单项的。
#mainmenu ul li:hover,
#mainmenu ul l
我创建了这个javascript函数,它在显示侧边菜单时禁用页面内容的滚动:(就像移动应用程序上的fb )
function disableScroll(){
var top = $(window).scrollTop();
var left = $(window).scrollLeft();
$('body').css('overflow', 'hidden');
$(window).scroll(function(){
$(this).scrollTop(top).scrollLeft(left