我编写这段代码以获得与标题一样高的动态边距:
$(window).on("resize", function() {
var divHeight = $('#header').innerHeight();
$('body > .container').css('padding-top', divHeight + 'px');
}).resize();
现在我想给其他一些元素相同的变量,f.ex。我的导航,但 css 高度必须是:
height: calc(100% - 'VARIABLE FROM CODE ABOVE');
你对我如何让它工作有什么建议吗?
感谢所有阅读本文的人:)
最佳答案
我找到了一个解决方案:
$(window).on("resize", function() {
var divHeight = $('#header').innerHeight();
$('body > .container').css('padding-top', divHeight + 'px');
$('#navigation').css('margin-top', divHeight + 'px');
$('#navigation').css('height', 'calc( 100% - ' + divHeight + 'px)')
}).resize();
关于javascript - jQuery - 在函数中使用计算+变量来改变css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45671202/