Javascript jQuery动画和scrollTop不工作,除非应用程序是移动大小
我有以下代码,在桌面大小下不起作用,但在调整应用程序大小时起作用Javascript jQuery动画和scrollTop不工作,除非应用程序是移动大小,javascript,jquery,css,Javascript,Jquery,Css,我有以下代码,在桌面大小下不起作用,但在调整应用程序大小时起作用 $('#accordion').on('shown.bs.collapse', function (e) { e.preventDefault(); var id = $(e.target).prev().find("[id]")[0].id; console.log(id); //navigateToElement(id);
$('#accordion').on('shown.bs.collapse', function (e) {
e.preventDefault();
var id = $(e.target).prev().find("[id]")[0].id;
console.log(id);
//navigateToElement(id);
$('body').animate({
scrollTop: $("#" + id).offset().top
}, 1000);
});
下面是发生的事情,应用程序中唯一的区别是我在标题中隐藏了左侧导航和顶部下拉列表
您能提供标记吗?当你这样做的时候,你能试着移动
e.preventDefault();
查看是否解决了问题。检查您的目标元素,我猜目标元素以某种方式向右浮动,当您单击它时,事件没有被拾取 问题在于CSS中的溢出-x:隐藏
@media (min-width: 768px) {
html,
body {
width: 100%;
height: 100%;
overflow-x: hidden;
}
e、 预防默认值();这并不能解决问题,这是一个错误,我从来没有遇到过这个问题。你能为我们设置一个小提琴吗?或者也许在开发工具中一步一步地调试,看看代码可能在哪里中断。另外,硬刷新或禁用缓存。@hardcoresquirrel当我做小提琴时,它很好,它与我的CSS有关。你有自定义CSS(一些媒体查询)吗?它的目标是
#accordion
?然后在这里发布。@BrettCaswell您的右边是溢出-x隐藏“问题在于溢出-x:隐藏;
在@媒体上不存在(最小宽度:768px)
”。例如,它出现在@介质上(最大宽度:767px)
。答案是添加溢出
声明;但是,您最近在上面的评论表明,这实际上并没有正确地隐藏桌面
视图?