控制ul中被选中的li标签保持在可视范围

最新推荐文章于 2023-12-07 17:49:34 发布

Rae_C

最新推荐文章于 2023-12-07 17:49:34 发布

阅读量1.1k

点赞数

文章标签： js jq

本文链接：https://blog.csdn.net/Rae_C/article/details/79728409

版权

                <div class="weixiu">
                            <span id="sjxh">选择需要维修的设备</span>
                            <input type="hidden" id="myself_data" value="" style="display: none">
                            <s></s>
                            <div id="weixiu-cotent">
                                <div id="weixiu-dropdown-content" class="dropdown-content">
                                    <ul id="weixiu_ul">
                                    </ul>
                                </div>
                                <div id="xh1" class="sj-dropdown-content">
                                    <ul id="xh1_ul" style="overflow-y:scroll;">
                                    </ul>
                                </div>
                                <div class="color-dropdown-content" id="color-dropdown">
                                    <ul>
                                    </ul>
                                </div>
                            </div>
                        </div>

js实现

//device数据回显到可视范围内（滑动）
var top = $(".sj-dropdown-content").css("height");
                if($(".sj-dropdown-content ul").length) {
                    var height = 37;
                    var prevCount = $("#xh1 ul").find(".mr").prevAll().length;
                    var ss = top.substring(0,top.indexOf("px"));
                    var s = (height * prevCount - ss/2);
                    $("#xh1_ul").scrollTop(s);
                }

    // brand数据回显到可视范围内（滑动）
var top = $(".dropdown-content").css("height");
                if($(".dropdown-content ul").length) {
                    var height = 37;
                    var prevCount = $("#weixiu-dropdown-content ul").find(".mr").prevAll().length;
                    var ss = top.substring(0,top.indexOf("px"));
                    var s = (height * prevCount - ss/2);
                    $("#weixiu_ul").scrollTop(s);
                }