小编Ron*_*ews的帖子

哟all.我是Admin的亲戚.我有一个简单的任务,在对话框中的按钮之间添加空格,如下面从http://bootboxjs.com/examples.html获得的示例代码中所示.试想一下,这个例子中有超过1个按钮.喜欢保存,删除,取消,确认.

bootbox.dialog({
                title: "This is a form in a modal.",
                message: '<div class="row">  ' +
                    '<div class="col-md-12"> ' +
                    '<form class="form-horizontal"> ' +
                    '<div class="form-group"> ' +
                    '<label class="col-md-4 control-label" for="name">Name</label> ' +
                    '<div class="col-md-4"> ' +
                    '<input id="name" name="name" type="text" placeholder="Your name" class="form-control input-md"> ' +
                    '<span class="help-block">Here goes your name</span> </div> ' +
                    '</div> ' +
                    '<div class="form-group"> ' +
                    '<label class="col-md-4 control-label" for="awesomeness">How awesome is this?</label> ' +
                    '<div class="col-md-4"> <div class="radio"> <label for="awesomeness-0"> ' …

我想在用户滚动并到达页面底部时隐藏div元素，并在用户向上滚动时再次显示它。例如，考虑以下名为“ nav”的导航栏。

的HTML

<div class="nav"></div>

的CSS

.nav{
 width:100%;
 height:50px;
 position:fixed;
 }

nav当滚动到达网页底部时，我想隐藏div元素。我怎样才能做到这一点。我可以为此使用CSS还是应该使用JavaScipt。