2015-02-05 52 views
3

我有以下的代码,它不能在桌面大小工作,但在调整我的应用程序的大小时工作。jQuery的动画和scrolltop不工作,除非应用程序是移动大小

$('#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); 
     }); 

这里是什么happing,在应用程序的唯一区别是,我躲在头

enter image description here

+0

我从来没有碰到这个问题。你能为我们设置一个小提琴吗? – kappaallday 2015-02-05 19:59:49

+0

或者可能在开发人员工具中逐步进行调试,以查看代码可能中断的位置。此外,硬刷新或禁用缓存。 – kappaallday 2015-02-05 20:00:56

+0

@hardcoresquirrel当我做了一个小提琴它很好,它与我的CSS有关 – 2015-02-05 20:01:16

回答

0

左侧导航顶部的下拉你能提供的标记?虽然你这样做,你可以尝试移动

e.preventDefault(); 

函数的底部,看看是否解决了这个问题。

+0

e.preventDefault(); doe无法解决问题,它应该在那里是一个错误 – 2015-02-05 19:58:49

+0

does console.log()显示任何错误? – arnolds 2015-02-05 20:03:05

0

检查你的目标元素,我猜目标元素是以某种方式向右移动的,而当你点击它时,事件没有被拾取。

3

的问题是具有溢出-X:隐藏在CSS

@media (min-width: 768px) { 
    html, 
    body { 
    width: 100%; 
    height: 100%; 
    overflow-x: hidden; 
    } 
+0

“问题出现在'@media(min-width:768px)'”不存在'overflow-x:hidden;'不存在。因为它出现在@media(max-width:767px)'上。答案是添加“overflow”声明;然而,你最近的评论表明,这实际上并没有正确隐藏'桌面'视图? – 2015-02-09 17:09:42