翻页时候怎么样让新页面定位在原位置? [ 2.0 版本 ]

2018-04-24 14:11:02 2487次浏览 4条回答 0 悬赏 50 金钱

我页面有多个GridView, 当我其中一个GridView翻页时, 我想要达到的效果是数据更新,但是新页面还是定位在这个GridView这里,而不是滚动条又到最上边, 这样的功能咋实现?

补充于 2018-04-25 09:48 
<div class="tab-content">
<!--缴费记录-->
<div class="tab-pane active" id="list1">
    <div class="panel panel-primary">
        <div class="panel-heading">缴费记录</div>
        <div class="panel-body">
            <gridview>...</gridview>
        </div>
    </div>
</div>

<!--充值记录-->
<div class="tab-pane" id="list2">
    <div class="panel panel-primary">
        <div class="panel-heading">充值记录</div>
        <div class="panel-body">
            <gridview>...</gridview>
        
        </div>
    </div>
</div>

</div>

前端代码类似上面这样

GridView

共 4 个回答

默认排序
  • 回答于 2018-04-24 15:57 举报

    你可以给个px，放在cookie里面，然后返回的时候滚动一下就可以啊

    回复 0 0
  • 回答于 2018-04-24 16:06 举报

    给个锚点就可以了

    共 6 条回复
    回复于 2018-04-25 09:48 回复

    这个锚点应该咋加？ 我前端代码我上面贴出来了

    回复于 2018-04-25 13:11 回复

    url最后 加个 #锚点id

    回复于 2018-04-26 10:17 回复

    不行的，你这个你知道它要跳到什么位置去吗，他是从哪跳过去的跳回来还是原位置

    回复于 2018-04-26 10:32 回复

    自带的翻页功能 添加 锚点 可以的 url后 追加锚点

    回复于 2018-04-26 10:37 回复

    Class yii\data\Pagination 有个 params 参数 可以 追加 锚点

    回复于 2018-04-26 14:03 回复

    这个params 怎么用? 我试着在Controller里面$readingHestory->pagination->params = ['#'=>'reading-list'] 这么加了一下, 比如原有的Url为'../index?searchID=00000002', 翻页以后就自动变为'index?dp-1-page=2&dp-1-per-page=5#reading-list', 锚点倒是看着加上了, 但是信息还是不对

    回复 0 0
  • 回答于 2018-04-26 10:36 举报

    你去看看花瓣网吧，不会再来问我

    回复 0 0
  • 回答于 2018-05-04 14:07 举报 
    window.onbeforeunload = function(){
    var scrollPos;    
    if (typeof window.pageYOffset != 'undefined') {
        scrollPos = window.pageYOffset;
    }
    else if (typeof document.compatMode != 'undefined' &&
        document.compatMode != 'BackCompat') {
        scrollPos = document.documentElement.scrollTop;
    }
    else if (typeof document.body != 'undefined') {
        scrollPos = document.body.scrollTop;
    }
    document.cookie="scrollTop="+scrollPos; //存储滚动条位置到cookies中
}

window.onload = function()
{ 
    if(document.cookie.match(/scrollTop=([^;]+)(;|$)/)!=null){
        var arr=document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空，则读取滚动条位置
        document.documentElement.scrollTop=parseInt(arr[1]);
        document.body.scrollTop=parseInt(arr[1]);
    }
}
    回复 0 0

回答问题

您需要登录后才可以回答。登录 | 立即注册
秀小川
主管

秀小川

注册时间：2017-08-16
最后登录：2022-05-23
在线时长：20小时47分
  • 粉丝1
  • 金钱455
  • 威望0
  • 积分655
私信

热门问题