javascript - 滚动到页面顶部时似乎无法向页眉/div 添加样式

标签 javascript jquery css wordpress

这真的很奇怪,因为我以前在其他元素中使用过这个脚本,而且它很有效。但我很困惑为什么它现在不起作用。

基本上,我想要的是,一旦我的页面标题部分到达页面顶部,该部分就会固定在页面顶部。相反,脚本会被完全忽略并且永远不会添加 div,这反过来会触发我的 CSS 中的样式将该 div 粘贴到顶部。

有问题的页面:http://new.cajunland.com/

脚本:

jQuery(window).scroll(function($){
    if (jQuery(this).scrollTop() > 1){  
jQuery('header').addClass("stick");
    } else {
jQuery('header').removeClass("stick");
  }
});

最佳答案

改变这个:

body, html {
  overflow: auto!important;
  min-height: 100%;
}

对此:

body, html {
  overflow: initial;
  min-height: 100%;
}

关于javascript - 滚动到页面顶部时似乎无法向页眉/div 添加样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59231774/

相关文章:

javascript - 在物化设计中设置自动播放轮播的间隔

jquery - 需要通过 CSS 或 jQuery 解决问题

javascript - 更改 DIV 的 Class 或 CSS "display"属性并顺利显示

javascript - jScript 调试器错误,在简单脚本中

Javascript正则表达式根据其选择器从样式标签中定位和删除CSS规则?

javascript - 如何从内联样式中获取百分比而不是像素的高度?

javascript - jQuery:单击嵌套元素

html - 如何连接来自两个独立 div 的元素?

javascript - 使用 DOM 回收无限滚动

css - 如何将多个div居中?