最近在做一个类似于 rga.com 网页界面, 有上方的导航区和下方的可滚动内容区. 导航区和内容区都居中且左右边竖直对齐. 浏览器滚动条用于滚动内容区. 导航区为静止.现在我有2问题:
1) 用magin:auto 使上下两区都居中的话, 内容区的宽度要减去一个滚动条的宽度,所以上下两区的左右两边不能对齐
2) 如果浏览器的宽度小于导航区的宽度, 导航区会覆盖内容区的滚动条.大家可以用css试试能不能完美解决这些问题. 如果用javascript我想使用类似jquery - ready() 的方法,即在网页显示之前完成定位, 但是不肯定ready() 的方法用javascript 如何实现(不使用jquery), 希望高手帮忙看看.谢谢
1) 用magin:auto 使上下两区都居中的话, 内容区的宽度要减去一个滚动条的宽度,所以上下两区的左右两边不能对齐
2) 如果浏览器的宽度小于导航区的宽度, 导航区会覆盖内容区的滚动条.大家可以用css试试能不能完美解决这些问题. 如果用javascript我想使用类似jquery - ready() 的方法,即在网页显示之前完成定位, 但是不肯定ready() 的方法用javascript 如何实现(不使用jquery), 希望高手帮忙看看.谢谢
解决方案 »
- js中onClick([object object])的传参问题。跪求!
- JavaScript 字符串问题
- 帮我看一个jquery下拉选人的功能怎么用???谢谢~~急急~~
- js判断休息时间啊 大神看过来啊
- 将数据显示到 Excel (XP 或者 2003) 中的问题.
- 怎样屏蔽掉IE“查看”中的“源文件”选项呀或使它不可用!
- 请问页面上有一个复选框和文本框,想让复选框选中的时候文本框可见,否则不可见。该如何实现?
- 如何将IE打印功能去掉?禁止别人打印网页?
- 分享到facebook、twitter等社交网站
- js 点击更多弹窗页面加载成功,再次点击失败
- 【【如何显示与隐藏用js对canvas画图操作的结果??】】
- hookee js问题
var ready=function(readyCall) {
if(document.addEventListener)
document.addEventListener("DOMContentLoaded",function() {
document.removeEventListener("DOMContentLoaded",arguments.callee,false);
readyCall();
},false);
else if(document.attachEvent) {//for IE
if(document.documentElement.doScroll && window.self==window.top) {
(function() {
try {
document.documentElement.doScroll("left");
}catch(ex) {
setTimeout(arguments.callee,5);
return;
}
readyCall();
})();
}else {//maybe late but also for iframes
document.attachEvent("onreadystatechange",function() {
if(document.readyState==="complete") {
document.detachEvent("onreadystatechange", arguments.callee);
readyCall();
}
});
}
}
}
<html>
<head>
<script language="javascript">
function readyCall(){
alert("DS");
}
function when_ready(readyCall) {
if(document.addEventListener)
document.addEventListener("DOMContentLoaded",function() {
document.removeEventListener("DOMContentLoaded",arguments.callee,false);
readyCall();
},false);
else if(document.attachEvent) {//for IE
if(document.documentElement.doScroll && window.self==window.top) {
(function() {
try {
document.documentElement.doScroll("left");
}catch(ex) {
setTimeout(arguments.callee,5);
return;
}
readyCall();
})();
}else {//maybe late but also for iframes
document.attachEvent("onreadystatechange",function() {
if(document.readyState==="complete") {
document.detachEvent("onreadystatechange", arguments.callee);
readyCall();
}
});
}
}
}
when_ready(readyCall);
</script>
</head>
<body>
<img src="http://www.ari.uni-heidelberg.de/gaia/gallery/GR/gr0283-01.artistic-Gaia-Galaxy-large.jpg">
</body>
</html>