Html 响应站点菜单

-以下是要实施的确切行为示例。当您向下滚动页面时，侧边菜单将消失并显示在页面顶部。 例如，如何使用引导实现它

---

谢谢。

下面是一个原始Javascript+jQuery实现这一点的示例：

<script type="text/javascript">
$(window).scroll(function(){ 

var a = 112;
var pos = $(window).scrollTop();
if(pos > a) {
    $("menu").css({
                position: 'fixed'
            });
}
else {
    $("menu").css({
                position: 'absolute',
                top:'600px'
            });
}
});
</script>

$（窗口）。滚动（函数（）{
var a=112；
var pos=$（window.scrollTop（）；
如果（位置>a）{
$（“菜单”）.css({
位置：'固定'
});
}
否则{
$（“菜单”）.css({
位置：'绝对'，
顶部：'600px'
});
}
});

如果用户向下滚动112像素，这将添加CSS样式。这样，您就可以为菜单创建所有样式

---

一般情况下：使用javascript检查用户的滚动位置，并附加样式或类。

非常感谢您提供的代码。还有其他方法吗？实际上，我需要通过使用引导实现这种行为。