为什么我的标题不能回到原始位置？

林有我的粘头问题。 see here，当您从顶部滚动80像素时，标题会添加类粘性标题，并且当您向后滚动时，它将删除类并返回到原始位置为什么我的标题不能回到原始位置？

它似乎还行不过客户端已返回并说它不工作。

由于某些原因，当向下滚动然后备份它似乎忽略顶部标题。

只有js代码我有。

$(window).resize(addremoveclass()); 
$(window).scroll(addremoveclass()); 

function addremoveclass() { 
    if ($(window).width() < 1200) { 
     if($(this).scrollTop() >= 70) { // this refers to window 
      console.log("You've scrolled 80 pixels."); 
      $('#pageTemplate').addClass('stickypadding'); 
      $('header#header.header-sticky-mobile').css('top', '0px'); 
      $('header#header').addClass('header-sticky-mobile'); 
     } else if($(this).scrollTop() <= 69){ 
      $('#pageTemplate').removeClass('stickypadding'); 
      $('header#header').removeClass('header-sticky-mobile'); 
      $('header#header.header-sticky-mobile').css('top', '80px'); 
     } 
    } else { 
     if($(this).scrollTop() >= 70) { // this refers to window 
      console.log("You've scrolled 80 pixels."); 
      $('#pageTemplate').addClass('stickypadding'); 
      $('header#header.header-sticky-mobile').css('top', '0px'); 
      $('header#header').addClass('header-sticky-mobile'); 
     } else if($(this).scrollTop() <= 69){ 
      $('#pageTemplate').removeClass('stickypadding'); 
      $('header#header').removeClass('header-sticky-mobile'); 
      $('header#header.header-sticky-mobile').css('top', '80px'); 
     } 

    } 
}

任何帮助将不胜感激。

来源

2017-05-11 MrJoshFisher

我知道，但没有在wordpress主题粘头中没有选项，因此必须建立它这是相当烦人。 – MrJoshFisher

乔希在这里完全正确地使用CSS。你写的东西比较少，jQuery是做得更多，写得更少。 SYA – LebCit

它在页面中间刷新时发生。

添加$(this).scrollTop(0);到您的文档准备的第一件事情：

，如：

$(document).ready(function(){ 
    $(this).scrollTop(0); 

    //..... 

});

来源

2017-05-11 16:00:22

为什么我的标题不能回到原始位置？

回答

相关问题