Question

我想隐藏第一个div中的导航栏，让它从第二个div中出现......我该怎么办？

从div中可以看到以下字符串：“DIV 2 NAVBAR必须从这里出现!!”

//app.js

var LayoutWrapper = React.createClass({
  render: function () {
    return (
        <Layout status="available" />
    );
  }
});

ReactDOM.render(
  <Router history={hashHistory}>
   <Route path="/" language="en-gb" component={LayoutWrapper}>
     <IndexRoute component={Index}></IndexRoute>
   </Route>
  </Router>,
app);

Answer 1

将此添加到您的javascript

$(window).scroll(function() {
    if($(window).scrollTop() > $('#main').outerHeight()) 
        $('.navbar').show();
    else 
        $('.navbar').hide();
});

Answer 2

我解决了将position:relative提供给第二个div以及position: absolute以这种方式提供给导航栏：

$(window).scroll(function() {
if($(window).scrollTop() > $('#main').outerHeight())
    $('.navbar').removeClass('fixed');
else
    $('.navbar').addClass('fixed');
  });

.wrapper {
  position: relative;
}

.fixed {
  position: absolute;
}

Edited codepen here

Bootstrap导航栏必须出现在第二个div中

2 个答案: