jquery - 如何在页面滚动时使 div 固定菜单可见

Question

我有两段代码：

如果我单击一个元素，下面的会显示我的菜单

$j(function () {
  $j('#navFirst ul li:nth-child(1)').click(function() {
    $j('#productsSubNav').slideToggle('slow');
  $j('#productsSubNav').css({"visibility": 'visible'});
  return false;
  });
});

一切正常，直到我滚动页面。当我滚动页面时，如果我再次单击菜单项，div 似乎出现了，但出现在页面顶部。我似乎无法让它像不滚动时那样出现在主菜单下方。

有没有办法在页面滚动时写 x？

我试图做一些事情来达到这个效果

$j(window).scroll(function () {
var y_scroll_pos = $j(window).scrollTop();//.pageYOffset;
var scroll_pos_test = $j('#topBar').height(); // set to whatever you want it to be
if (y_scroll_pos > scroll_pos_test ) {
  if ($j('.subnav').is(':visible')) {
    $j('.subnav').css({
    "position": 'fixed',
    "top": '20px'
    })
   }
}

它似乎不起作用。