我有以下代码.在向下滚动到某个点后,它会在搜索结果页面中的固定位置设置一个过滤条:
var docked;
var filters = document.getElementById('filters');
var init = filters.offsetTop;
function scrollTop() {
return document.body.scrollTop || document.documentElement.scrollTop;
}
window.onscroll = function () {
if (!docked && (init - scrollTop() < 0)) {
filters.style.top = 0;
filters.style.position = 'fixed';
filters.className = 'docked';
docked = true;
} else if (docked && scrollTop() <= init) {
filters.style.position = 'absolute';
filters.style.top = init + 'px';
filters.className = filters.className.replace('docked', '');
docked = false;
}
}
我的问题是(并且它更好奇) - 如果我将此代码放在我的文件顶部(在<head>)中,它根本不起作用.过滤器部分不会像应该的那样滚动窗口.但是,当我将此代码放在文件的底部(在结束</body>标记的正上方)时,它可以正常工作.
为什么是这样？这与代码的工作方式有关吗？或者它可能只是我文件其余部分的怪癖或错误造成的？
我有一个jQuery切换,用于向上/向下滑动DIV,但其内容从左到右动画.如何防止内容从左到右动画？
JS小提琴:http://jsfiddle.net/CqREn/6/
CSS:
#myMenu ul{
display: none;
}
#myMenu ul li{
display: inline-block;
width: 49%;
}
#myMenu{
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
background-color: rgb(100,100,100);
}
JS:
$("#MenuToggle").click(function(event){
event.preventDefault();
$('#myMenu ul').toggle('slow');
});
HTML:
<aside id="myMenu">
<nav id="MenuTab"><a href="#" id="MenuToggle">Page Navigation</a></nav>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
</ul>
</aside>
当我尝试使用时isEmpty(),我收到以下错误.
对于StringUtils类型,方法isEmpty(String)未定义
我正在使用Java 7,Eclipse Juno.
我也手动添加了Spring core-3.1.1 jar文件.但没有运气.
有人可以告诉我我错过了什么吗？
我只想简单地将文本水平居中,形式如下:
<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="style.css">
<div id="contact-form">
<head-black>STEWARD'S WEEKLY REPORT</head-black><br>
</div>
</html>
style.css的内容:
#contact-form {
background-color:#F2F7F9;
width:925px;
padding:10px;
margin: 10px auto;
border: 6px solid #8FB5C1;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:15px;
position:relative;
}
#contact-form head-black {
display:inline-block;
font-size:14px;
text-decoration:underline;
text-align:center;
}
文本保持左对齐.
如何旋转列表
例如.
$arr = array(a,b,c,d,e,f,g);
现在旋转指数是3.列表应从d开始旋转.最终的清单应该是
d e f g a b c
有谁能建议解决这个问题？我不想使用内置函数,这应该在现场完成.