问题描述:

  ul列表中包含多个li行元素。ul容器的整体高度是固定的,当li数量较多时ul会出现滚动条,如果用户默认选中的元素不在显示区域中(可能因为位置靠后而被隐藏了),那么此时就需要通过Js函数让ul强制滚动以便显示出默认选中的元素。

解决思路:

  通过JQuery通过获取整个ul的高度后计算出需要滚动的距离

实现办法:

$('#yourUL').scrollTop($('#yourLi').position().top);

  上面代码的效果是瞬时完成的,如果你需要让用户看到这一滚动行为可以改用下面的代码:

$('#yourUL').animate({
     scrollTop: $('#yourLi').position().top
}, 'slow');//当然这里的slow也可以替换为具体的速度值

 最后注明一下版权,本文由yutiansanshou原创发表,你可以任意转载,但必需在明显位置注明作者和出处,而且不能用于任何商业用途

 

相关文章:

  • 2021-06-02
  • 2021-11-28
  • 2021-11-16
  • 2022-12-23
  • 2022-12-23
  • 2021-11-27
  • 2022-12-23
  • 2022-03-07
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-10
  • 2022-02-01
  • 2022-02-08
相关资源
相似解决方案