【问题标题】:jQuery position DIV fixed at top on scroll except homepagejQuery 位置 DIV 固定在滚动顶部,主页除外
【发布时间】:2015-10-02 09:38:36
【问题描述】:

我正在使用这个 js 和 css 将 jQuery 位置 DIV 固定在滚动的顶部:

$(window).scroll(function(){
    if ($(this).scrollTop() > 135) {
        $('#task_flyout').addClass('fixed');
    } else {
        $('#task_flyout').removeClass('fixed');
    }
});
.fixed {
    position: fixed; 
    top: 0; 
    left: 0;
}

它对我来说工作正常,但现在我想在除主页之外的所有页面上使用这个固定菜单,我的意思是我的菜单将在没有主页的所有页面上滚动固定。 (再次,我不想修复我的主页菜单,但需要修复所有其他页面)

有人可以帮帮我吗?...

【问题讨论】:

  • 嘿,如果您考虑,请点击 按钮(答案左侧)标记我的答案。

标签: javascript jquery html css prestashop


【解决方案1】:

你应该检查你是否在主页上:

if (location.pathname === "/") {
    $('#task_flyout').removeClass('fixed');
} else {
    $(window).scroll(function(){
        if ($(this).scrollTop() > 135) {
            $('#task_flyout').addClass('fixed');
        } else {
            $('#task_flyout').removeClass('fixed');
        }
    });
}

【讨论】:

  • 尊敬的大人,非常感谢您的热心回复,我正在使用 prestashop,它可以与 prestashop 一起使用吗?
  • 是的,它应该工作。不要忘记点击 按钮(答案左侧)标记答案。
猜你喜欢
  • 2013-12-04
  • 2015-05-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-03-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多