点击上一页分类跳到下一页,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);
                            }

                        }
                    });

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值