zoukankan      html  css  js  c++  java
  • 利用JQuery对被隐藏的列表(ul)元素(li)强制进行滚动(Scroll)的办法

    问题描述:

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

    解决思路:

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

    实现办法:

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

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

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

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

  • 相关阅读:
    Linux分区
    Vim 基本配置
    Ubuntu几种常见乱码解决方法
    ADB
    ubuntu下安装配置ADB
    Tinyos学习笔记(三)
    Tinyos学习笔记(二)
    Codeforces Round #249 (Div. 2) A题
    poj 2007 Scrambled Polygon(极角排序)
    MemSQL Start[c]UP 2.0
  • 原文地址:https://www.cnblogs.com/yutiansanshou/p/2889024.html
Copyright © 2011-2022 走看看