[英]Jquery get size of window and apply to div css and adjust on browser resize
[英]Changing CSS with jQuery on browser resize
我有以下代码:根据浏览器的宽度,它可以更改某些导航元素的位置。
它通过使用$(window).width()
,然后以像素(而非百分比)为单位进行更改。 这很好。 但是,当用户更改浏览器窗口时,将关闭计算。
有没有办法让我在浏览器调整大小时重新启动CSS更改-或只是重新加载div? 可以通过调整大小的方式重新加载页面,但是只有一个小div需要修复。
if (window.location.href.indexOf('archive') >= 0) {
archive.css({left: nw / 2 - aw / 2});
films.css({right: - nw / 2 - fw / 2});
$('.index').css({left: nw / 2 - iw / 2 });
} else if (window.location.href.indexOf('films') >= 0) {
archive.css({left: - nw / 2 - aw / 2});
films.css({right: nw / 2 - fw / 2});
$('a.index').css({left: - nw / 2 + iw / 2 });
} else if (window.location.href.indexOf('index') >= 0) {
}
$(window).resize(function() {
// do something on resize
});
应该可以。
顺便说一下,CSS媒体查询可能是一个更好的选择。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.