javascript - 在滚动时隐藏顶部标题并向上移动主标题

Question

如果可能的话，我试图找出一种使用 css 的方法，以便在向下滚动以隐藏顶部黑条标题（带有联系信息）时向上移动我网站上的主标题导航（带有徽标和链接）？网站是 atm.truenorthmediasolutions.ca。谢谢！

标签： javascripthtmlcsswordpress

Answer 1

 <script type="text/javascript">
    $(document).ready(function () {
      $(window).scroll(function() {
        if ($(this).scrollTop() > 10){  
          $('.et_pb_section_0_tb_header, #et-main-area').addClass("stickyheader");
        }
        else{
          $('.et_pb_section_0_tb_header, #et-main-area').removeClass("stickyheader");
        }
      });
    });
   </script>

css

.stickyheader .et_pb_row_1_tb_header{ display:none;}
.stickyheader .et_pb_row_0_tb_header.et_pb_row{padding-top:0!important; top:0!important;}
.stickyheader .et_pb_image_0_tb_header {top:12px;}
#et-main-area.stickyheader .et_pb_section_0_tb_body,
#et-main-area.stickyheader .et_pb_section_1_tb_body{top:100px;}