如何在使用词缀引导程序后从顶部开始隐藏100px

Question

我想从顶部开始隐藏内容100px。我在同一个div中应用了Bootstrap Affix和Nav。但是当我向上滚动粘贴工作正常但我想隐藏div后，不是从浏览器顶部。 这是我的代码

<div class="col-lg-9">                
<div class="header-affix" data-spy="affix" data-offset-top="50" data-offset-bottom="380" style="z-index: 1" id="header">
    <div>Content</div>
    <div>Content</div>
    <ul class="nav nav-inline act-details" id="menu" role="navigation">
        <li class="nav-item active">
            <a class="nav-link" href="#desc">Description</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#img">Images</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#maps">Map</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#details">Details</a>
        </li>
    </ul>
</div>
<div class="act-detail">
    <div class="description" id="desc"></div>
    <div class="images" id="img"></div>
    <div class="maps" id="maps"></div>
    <div class="details" id="details"></div>
</div>

Answer 1

在CSS文件中

public class Exercise2b {
    public void demo() {
        String message1, message2;
        int hour, minute, second;
        Time dt = new Time();
        hour = dt.getHour();
        minute = dt.getMinute();
        second = dt.getSecond();
        message1 = "Klockan är " + minute + " minuter över " + hour + " (+" + second + " sekunder)";
        message2 = dt.toString();
        JOptionPane.showMessageDialog(null, message1);
        JOptionPane.showMessageDialog(null, message2);
        dt.update();
        message2 = dt.toString();
        JOptionPane.showMessageDialog(null, message2);
    }

    public static void main(String[] args) {  
        Exercise2b prog = new Exercise2b();
        prog.demo();    
        }
    }