Question

我的固定可滚动标题存在问题，基本上它的工作方式是标题是可滚动的，一旦标题到达浏览器的顶部，它就会变得固定，到目前为止这完全正常。

问题是，当用户调整浏览器高度时，为了使其正常工作，用户需要刷新页面，任何人都知道如何编辑脚本以便在用户调整大小后工作，我尝试使用.resize但我的代码无法正常工作。

这是工作代码的小提琴：http://jsfiddle.net/c9cbvj58/2/

这是我使用.resize编辑的代码：这不起作用，但我已添加此内容以显示我已完成的操作。

jQuery(document).ready(function($) {
var elementPosition = $('header').offset();

var fixFunction = $(window).scroll(function(){
    if($(window).scrollTop() > elementPosition.top){
        $('header').addClass("stick");
    } else {
        $('header').removeClass("stick");
    }    
});

$(window).bind('resize', function() {
    fixFunction();
}).trigger('resize');

});

由于

Answer 1

DEMO

$(window).resize(function(){
    elementPosition = $('header').offset();
});

更改高度时必须更新偏移量

当用户调整浏览器大小时，将标题修复为浏览器问题的顶部

1 个答案: