需要做一个功能栏，在右侧，可以跟随滚动条滑动，，而且是全局设置，切换其他菜单也需要在

创建一个跟随滚动条滑动的功能栏并且是全局设置，需要涉及前端开发技术，通常你会用到HTML、CSS和JavaScript（或者相关的框架如React或Vue）。以下是基本步骤：

1. **HTML 结构**：首先，在HTML中创建一个固定的`<div>`作为功能栏容器，设置样式使其固定在屏幕右边（例如`position: fixed; right: 0; top: 0;`）。

<div id="sidebar">
   <!-- 功能栏内容 -->
</div>

2. **CSS布局**：通过`transform: translateX()`属性，你可以让功能栏随着页面滚动而水平移动。当滚动到一定程度时，将它移回原位，反之则随滚动滑动。可以使用媒体查询来适应不同屏幕尺寸。

#sidebar {
   transform: translateX(-100%);
   transition: transform 0.5s ease;
}

#sidebar.show-on-scroll {
   transform: translateX(0);
}

3. **JavaScript (jQuery示例)**：监听滚动事件，当滚动高度达到某个阈值时，显示功能栏；相反，隐藏功能栏。在`$(window).scroll()`回调中实现这个逻辑。

$(window).scroll(function() {
   if ($(window).scrollTop() > 100) { // 设置一个滚动距离阈值
      $('#sidebar').addClass('show-on-scroll');
   } else {
      $('#sidebar').removeClass('show-on-scroll');
   }
});

4. **全局设置和切换**：为了切换菜单，可以在功能栏中添加按钮或者其他交互元素，点击后触发相应的事件，更新全局状态（可能存储在localStorage或cookie中），然后应用新的布局。

5. **响应式设计**：考虑到不同设备和视口大小，你需要确保在小屏幕上也能正常工作。可以利用CSS的媒体查询调整功能栏的样式和位置。

这只是一个基础的实现，实际项目中可能会更复杂，包括更多的交互效果、性能优化以及兼容性考虑。记得测试各个浏览器的行为以确保兼容性。