Jquery 引导-当两列都设置为溢出时，仅滚动一列：自动；
我在Bootstrap中处理一个页面布局，其中有一个边栏栏和一个内容栏。我将两列设置为Jquery 引导-当两列都设置为溢出时，仅滚动一列：自动；,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我在Bootstrap中处理一个页面布局，其中有一个边栏栏和一个内容栏。我将两列设置为高度：100%和溢出：自动以便在滚动内容列时边栏保持在原位 我想添加一些jQuery，以便在单击链接时滚动到内容列中的某些区域，但我通常用于此操作的脚本由于溢出：auto 这是我的剧本： function scrollToLink(id){ $('html, body').animate({ scrollTop: $("#"+id).offset().top }, 2000); } $(fun
高度：100%和溢出：自动
以便在滚动内容列时边栏保持在原位
我想添加一些jQuery，以便在单击链接时滚动到内容列中的某些区域，但我通常用于此操作的脚本由于溢出：auto
这是我的剧本：
function scrollToLink(id){
$('html, body').animate({
scrollTop: $("#"+id).offset().top
}, 2000);
}
$(function() {
$("#sidebar a").click(function(e) {
e.preventDefault();
scrollToLink(this.href.split("#")[1]);
});
});
及
要查看我想要的效果，请从col-sm-9
元素中删除列
类（设置高度
和溢出
属性），然后单击侧栏中的“上一步”链接用以下内容替换scrollToLink（）
：
function scrollToLink(id){
var target = $(window).width() > 767 ? $('#main') : $('body');
target.animate({
scrollTop: $("#"+id).offset().top
}, 2000);
}
您还存在一些响应问题。您应该将“columns”布局CSS规则包装在@媒体（最小宽度：767px）
查询中