Javascript 加载短页面时显示隐藏的导航栏

Javascript 加载短页面时显示隐藏的导航栏,javascript,jquery,Javascript,Jquery,我有一个隐藏的导航栏,当你向下滚动页面时会显示出来。但是,我希望导航栏自动显示不需要任何滚动的短页面。我哪里做错了 $(document).ready(function(){ "use strict"; if ($(document).height() > $(window).height() ) { $(document).on('scroll', function (e) { $('.topnavbar').css('opacity', ($(document

我有一个隐藏的导航栏,当你向下滚动页面时会显示出来。但是,我希望导航栏自动显示不需要任何滚动的短页面。我哪里做错了

$(document).ready(function(){
"use strict";
 if ($(document).height() > $(window).height() )
  {
    $(document).on('scroll', function (e) {
      $('.topnavbar').css('opacity', ($(document).scrollTop() / 300));
      if ($('.topnavbar').css('opacity') > 0.8)
        { $('.topnavbar').css('opacity', 0.8); }
    });
  }
  else  {
   $('.topnavbar').css('opacity', 0.8); }
});

您的代码正在按预期工作。你面临什么问题?我已经为demo创建了一个jsfiddles-jsfiddle或scrolling-jsfiddle,用于不滚动的较短页面。我发现了这个问题。当使用link_to时,它并不总是加载到我的rails应用程序中,所以我使用了gem来解决这个问题。你的代码按预期工作。你面临什么问题?我已经为demo创建了一个jsfiddles-jsfiddle或scrolling-jsfiddle,用于不滚动的较短页面。我发现了这个问题。当使用link_to时,它并不总是加载到我的rails应用程序中,所以我使用了gem来解决这个问题。