mui 切换分类 ajax请求数据后重新渲染滚动区域。

分类：MUI

上拉加载

我在附件所示的网页中，创建了3个滚动区域

左侧为1级，分类菜单
右侧有个，商品显示区域，可以执行上拉加载更多商品

当默认分类商品，滚动区域，经过ajax上拉加载后，滚动区域的高度不断的增加。
如：<div class="mui-scroll" style="transform: translate3d(0px, -1267px, 0px) translateZ(0px); transition-duration: 0ms; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);">

<ul class="goodslist" id="categoods">

我现在切换分类之后，滚动区域仍然停留在-1267这个位置
我把 ul里面的html清空，都不行。我想重新渲染滚动区域：
如：重新渲染商品滚动区域，也不行。高度还是那么多，位置还是在-1267px
mui('.cate_goods').scroll({
indicators: false
});
应该怎么处理呢.?

2016-06-23 11:50 负责人:无分享

3 个回复

耀 (作者)

//左侧菜单请求
$(document).on('click','#catesider li',function(){

        $('.cate_goods .mui-scroll').css({  
            "transform": "translate3d(0px, 0px, 0px) translateZ(0px)",  
            "transition-duration": "0ms",  
            "transition-timing-function": "cubic-bezier(0, 0, 0, 0)"  
        })

......
......

我暂时是这样的。不过，只要我一触摸滚动，滚动条还是回到上次的位置。求解决。