点击上一页分类跳到下一页,scroll 点击跳到对应位置

假如我从第一页点击花鸟,跳到第二页,如何让花鸟滑动到可视的范围内

1.因为一页最多显示4个,把这四个设为1个块

2.假如这个无限长,你点击第25个,25/4 = 6,说明前面有6个块,然后加上本身这1一个块,说明点击的25在第7个块上

3.一个块长是280,就直接向左滑动7*280的距离

 function GetRequest() { //将上一页数据携带过来
            var url = location.search; //获取url中"?"符后的字串
            var theRequest = new Object();
            if (url.indexOf("?") != -1) {
                var str = url.substr(1);
                strs = str.split("&");
                for (var i = 0; i < strs.length; i++) {
                    theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                }
            }
            return theRequest;
        }

        console.log(GetRequest().buyer_id);
        var classify_id = GetRequest().classify_id;//接收上一页点击的id
 
$(".nav_list").find(".item").map(function (index, item) {
                        if ($(this).data("id") == classify_id) { //遍历分类的id 和上一页id 是否相同
                            $(this).addClass("active");
                            $(this).siblings().removeClass("active");
                            console.log(index);
                            var item_length =parseInt(index/4); //取整倍数
                            if (item_length + 1 >1){
                                $(".list").scrollLeft((item_length+1)*280);
                            }

                        }
                    });

猜你喜欢

转载自blog.csdn.net/Acitylion/article/details/86636333