我想创建一个侧栏,从一定的偏移量开始滚动。我完全按照这个教程:http://www.htmldrive.net/items/show/253/Floating-HTML-Menu-Using-jQuery-and-CSSjquery浮动菜单不移动
问题是,我的边栏根本不会退化。
任何人有任何想法,为什么我的边栏不会让步?
如果您需要其他代码进行故障排除,请告诉我。但是,我的侧边栏代码与教程中的完全相同。
谢谢!
我想创建一个侧栏,从一定的偏移量开始滚动。我完全按照这个教程:http://www.htmldrive.net/items/show/253/Floating-HTML-Menu-Using-jQuery-and-CSSjquery浮动菜单不移动
问题是,我的边栏根本不会退化。
任何人有任何想法,为什么我的边栏不会让步?
如果您需要其他代码进行故障排除,请告诉我。但是,我的侧边栏代码与教程中的完全相同。
谢谢!
你确定你遵循了吗?你有没有包含相关的jQuery库?你使用的是相同版本的jQuery?你的菜单是否有'floatMenu'的ID?必须有一些不同的东西。也许你可以发布你的代码,以便我们可以看到它?
是的,我已经包含相关的jQuery库,从演示文件确切的。而且我的菜单命名正确。 我的代码很长,我怎么把它贴在这里?道歉,我第一次使用这个网站问一个问题! – user2539024
剪下n贴或更好,但在http://jsfiddle.net/开始新的小提琴并张贴链接 – Moob
工作演示http://jsfiddle.net/yeyene/7G4sS/
var name = "#floatMenu";
var menuYloc = null;
$(document).ready(function(){
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
$(window).scroll(function() {
var offset = menuYloc+$(document).scrollTop()+"px";
$(name).animate({top:offset},{duration:500,queue:false});
});
});
<div id="floatMenu" style="top: 150px;">
<ul class="menu1">
<li><a href="#" onclick="return false;"> Home </a></li>
</ul>
<ul class="menu2">
<li><a href="#" onclick="return false;"> Table of content </a></li>
<li><a href="#" onclick="return false;"> Exam </a></li>
<li><a href="#" onclick="return false;"> Wiki </a></li>
</ul>
<ul class="menu3">
<li><a href="#" onclick="return false;"> Technical support </a></li>
</ul>
</div>
body {
background-color:#000;
width:100%;
height:2000px;
color:#ccc;
font:10px "Lucida Grande", "Lucida Sans", "Trebuchet MS", verdana, sans-serif;
}
#floatMenu {
position:absolute;
top:150px;
right:10px;
width:200px;
}
#floatMenu ul {
margin-bottom:20px;
}
#floatMenu ul li{
list-style:none;
}
#floatMenu ul li a {
display:block;
border:1px solid #999;
background-color:#222;
border-left:6px solid #999;
text-decoration:none;
color:#ccc;
padding:5px 5px 5px 25px;
}
#floatMenu ul.menu1 li a:hover {
border-color:#09f;
}
#floatMenu ul.menu2 li a:hover {
border-color:#9f0;
}
#floatMenu ul.menu3 li a:hover {
border-color:#f09;
}
你可以创建一个http://jsfiddle.net与您的代码。 – dreamweiver