要保持PrimeNG p-menubar在视口内，可以使用以下解决方法：

1. 使用CSS的position属性将p-menubar定位在固定位置：

.p-menubar {
  position: fixed;
  top: 0;
  width: 100%;
}

这将使p-menubar固定在页面的顶部，无论用户滚动页面与否。

2. 使用JavaScript监听窗口滚动事件，根据滚动位置动态调整p-menubar的位置：

window.addEventListener('scroll', function() {
  var menubar = document.querySelector('.p-menubar');
  var rect = menubar.getBoundingClientRect();
  
  if (rect.top < 0) {
    menubar.style.top = '0';
  } else {
    menubar.style.top = '';
  }
});

这段代码会在窗口滚动时，检查p-menubar的位置是否超出视口顶部。如果超出，则将p-menubar的top属性设置为0，使其固定在视口顶部。

请注意，上述代码仅为示例，具体实现可能需要根据你的项目需求进行调整。