CSS边框导致scrollspy错误。

时间:2015-11-05 16:21:04

标签: jquery css twitter-bootstrap

简介 我尝试使用全高左侧导航和部分宽度固定标头来制作此引导布局。左侧导航使用scrollspy.js。到目前为止,这么好。(注意:到目前为止,这是用于桌面屏幕。)

http://www.bootply.com/L2AQ0jXmYS

当我向左侧导航中的药片添加边框左侧样式时,它开始表现得很糟糕。单击滚动链接并跳转到某个部分后,您无法滚动到该部分。

重播该错误(在Chrome Mac v.46.0和Safari Mac v.9.0中测试)

  1. 首先,手动滚动主要内容区域。你会注意到的 左导航滚动间谍正确地导致突出显示 屏幕上显示的内容。
  2. 然后点击其中一个链接 左侧导航栏跳转到某个部分。
  3. 现在尝试手动滚动 再次通过主要内容区域。你会注意到你不能 离开你所在的部分。滚动让你回到这里 区域。
  4. 如果我编辑CSS并删除活动药丸左侧的边框,它可以正常工作。我不明白为什么。

0 个答案:

没有答案