从 .height 动态生成的填充顶部值
The padding-top value dynamicly generated from .height
我这样做正确吗? 因为它不起作用... $('#page').css('padding-top': ($headerHeight + 'px'));
$headerHeight
来自var headerHeight = header.height();
.
我正在尝试计算 #header 的高度并将其设置为填充顶部以进行 #page
//Sticky header on offset
var header = document.querySelector('#header.sticky');
var headerOffset = header.offsetTop;
var headerHeight = header.height();
function scroll () {
if ($(window).scrollTop() >= headerOffset) {
$('#header').css({'position':'fixed','top':'0','left':'0','right':'0','z-index':'9999',});
$('#page').css('padding-top': ($headerHeight + 'px'));
} else {
$('#header').css({'position':'relative'});
$('#page').css('padding-top': '0');
}
} document.onscroll = scroll;
这是一个小提琴:http://jsfiddle.net/f4LPz/3/
height()
是一个jquery方法,所以它应该是:
var $headerHeight = $(header).height();
js小提琴
jQuery .css(( 需要一个键值对的普通对象,而且$headerHeight不是变量的名称,"headerHeight"是。所以你应该改变:
$('#page').css('padding-top': ($headerHeight + 'px'));
由:
$('#page').css({'padding-top': (headerHeight + 'px')});
这种变化应该可以完成工作。
最好。
相关文章:
- 如何设置html元素填充的动画
- 如何使用jquery在填充自动完成的值后使文本框只读
- 如何通过ajax刷新JSF填充的javascript变量
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 用与线条相同的颜色填充多折线图上的点
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- jQuery粘性插件可变顶部间距
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 用我的json数据填充JQuery DataTable
- 使用jQuery更改元素的顶部位置
- 如何让iframe填充整个页面100%和顶部:4px
- 我们如何在fullPage.js中为不同的部分制作不同的填充顶部和底部值
- 向下滚动时减小页眉填充顶部值
- 使用iFrame调整器时,填充到调整大小的iFrame的顶部
- 更改javascript中的顶部填充
- jquery mobile 1.3.1填充顶部在初始页面加载时计算错误
- javascript窗口.打开不必要的顶部填充
- 如何修复引导导航条固定顶部填充浏览器调整大小
- 如何在旋转的svg矩形中始终从底部到顶部填充
- 从 .height 动态生成的填充顶部值