【问题标题】:How to hide header menu while scrolling in drupal如何在drupal中滚动时隐藏标题菜单
【发布时间】:2016-03-11 07:01:26
【问题描述】:

您好,谁能帮助我如何在 drupal 中滚动时隐藏标题 div。

<header class="header<?php print theme_get_setting('header_top_menu') && !$one_page ? '' : ' header-two'; ?>">
<div class = "header-wrapper">
<div class="container">
  <div class="row">
    <div class="col-xs-6 col-md-4 col-lg-4 logo-box">
    <div class="logo">
      <a href="<?php print url('<front>'); ?>">
       <img src="" class="logo-img" alt="">
      </a>
    </div>
    </div><!-- .logo-box -->

【问题讨论】:

    标签: jquery html css drupal drupal-7


    【解决方案1】:

    您可以通过 window.scroll 上的自定义 jquery 来做到这一点。

    $(window).scroll(function(event){
    
            if($(window).scrollTop() > 1){
                $('header ul').hide();
            } else{
                $('header ul').show();
            }
        });
    

    Fiddle demo

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-02-17
      • 2019-11-21
      • 2018-05-10
      • 1970-01-01
      • 2018-08-11
      • 1970-01-01
      相关资源
      最近更新 更多