调整大小时不重新计算粘贴位置
Affix position not being recalculated on resize
我想让我的导航栏在滚动时变得固定,即使在调整窗口大小时它也会到达顶部。
即使我将其设置为在$(window).resize()
时重新计算值,它被触发的位置也不会更新。怎么了?
$(document).ready ->
$(window).resize ->
windowHeight = $(window).height()
navHeight = $('#navbar-affixable-wrapper > #navbar.affixable').outerHeight()
windowMinusNavHeight = windowHeight - navHeight
$('#navbar-affixable-wrapper > #navbar.affixable').affix
offset: { top: windowMinusNavHeight }
或者在javascript:中
$(document).ready(function() {
return $(window).resize(function() {
var navHeight, windowHeight, windowMinusNavHeight;
windowHeight = $(window).height();
navHeight = $('#navbar-affixable-wrapper > #navbar.affixable').outerHeight();
windowMinusNavHeight = windowHeight - navHeight;
return $('#navbar-affixable-wrapper > #navbar.affixable').affix({
offset: {
top: windowMinusNavHeight
}
});
});
});
是否可以将偏移量顶部值作为函数返回?
例如:
$(function(){
var $window = $( window );
var $navbar = $('#navbar-affixable-wrapper > #navbar.affixable');
$navbar.affix({
offset: {
top: function(){
// Calculate offset top value
return $window.height() - $navbar.outerHeight( true ); // I always pass true in there so margin is taken into consideration.
}
}
})
});
您可以在Bootstrap网站上查看粘贴文档。
相关文章:
- 计算CSS3缩放框在另一个框中的最高位置
- 计算“;“左”;以及“;顶部“;来自固定位置浮动元素的值
- 地理位置和计算从当前纬度/液化天然气到另一纬度/液化石油气的距离
- JavaScript位置/方向计算
- jQuery根据鼠标位置计算DIV偏移量和边界
- 计算地理位置距离返回 NaN
- 使用node.js在sigma.js中预先计算图的位置(使用ForceAtlas2)
- 如何根据phonegap中的加速度计x y z值计算位置
- 通过图像计数计算图像位置
- 获取位置A的位置并计算其到位置B的距离
- 调整大小时不重新计算粘贴位置
- 后台位置的计算样式在Chrome中返回0%0%
- 其中是在ReactJS中放置一个值的最佳位置,该值由传入的初始参数计算一次,然后再也不会更改
- 检测当前位置并使用网站的预定义位置计算距离
- threejs - 仅使用 THREE 即可动态计算相机位置.点
- “我当前的地理位置”和其他坐标之间的计算
- D3 强制有向节点作为文本 - 计算相对箭头指向位置
- 如何计算与DIV位置相关的鼠标坐标
- 我如何用JQuery动画计算位置
- 画布游戏-存储/计算位置/迭代粒子/项目符号/游戏元素的最有效方法