我对 javascript 很陌生,并且整天都被困在这上面。我有一个脚本,它可以根据屏幕资源调整元素大小,除了我需要“如果文档上不存在元素,然后在 contentContainer.css 方法中添加一个附加值“242px””之外,这就是我到目前为止所拥有的当它不在页面上时,这个 eleemnt 占用了 sideContent 元素的空间......
<script>
// DOM Container Resize Handler
var extra = ($("body.asideContent").length == 0) ? 242 : 0;
var adjustStyle = function() {
var winWidth = $(window).width(),
width = parseInt(winWidth),
container = $('body .fixed');
contentContainer = $('body .content');
if (width >= 1454) {
container.css('width','1454px');
contentContainer.css('width',extra + 1210 + "px");
} else if ((width < 1454) & (width >= 1212)) {
container.css('width','1212px');
contentContainer.css('width',extra + 968 + "px");
} else {
container.css('width','970px');
contentContainer.css('width',extra + 726 + "px");
}
};
$(function() {
var filterWrap = $("#filterWrap"),
offset = filterWrap.offset(),
topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
filterWrap.stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
filterWrap.stop().animate({
marginTop: 0
});
};
});
// DOM Container Resize Handler - Initialization
$(window).resize(function() {
adjustStyle();
});
adjustStyle();
});
</script>
它一直在应用额外的,添加我只想在 ("body.asideContent") 不在文档中时应用它
测试html
<html>
<head>
</head>
<body>
<div class="fixed">
<div id="container">
<div class="asideContent"> </div>
<div class="content"> </div>
</div>
</div>
</body>
</html>
只是想提前说声谢谢你能给我的任何帮助......它整天让我发疯......