表格多页后刷新时固定位置的问题
创始人
2024-12-10 02:00:40
0

可以使用JavaScript来解决这个问题。下面是一个使用jQuery的示例代码:

$(document).ready(function(){
   $('table').bind('pageChange', function () {
      var rowPos = {top: 0, left: 0};
      if ($(this).find('.selectedRow').length){
         rowPos = $(this).find('.selectedRow').offset();
      }
      $('html, body').animate({scrollTop: rowPos.top - 50}, 0);
   });
   $('table').tablesorter({
      widgets: ['zebra', 'pager'],
      widgetOptions: {
         pager_output: '{page}/{totalPages}',
         pager_container: $('.pager'),
         pager_fixedHeight: false,
         pager_removeRows: false,
         pager_size: 10
      }
   });
});

这段代码会在文档加载完毕后执行。首先,它会监听表格的“pageChange”事件。每当表格翻页时,它会检查表格中是否有选定的行,如果有,它会获取这一行的位置,并且使用动画效果滚动到这一行的位置。这个例子中,被固定的位置是被选中的行。在这个示例代码中,使用了tablesorter jQuery插件来分页表格。

相关内容

热门资讯

德州之星插件!德扑人工智能软件... 自定义德州之星插件系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是...
可靠技巧!wepoke最新下载... 【福星临门,好运相随】;可靠技巧!wepoke最新下载地址(wepok软件透明挂)we辅助poker...
德州ai辅助!德州ai辅助ap... 德州ai辅助!德州ai辅助app,菠萝德州一贯存在有挂(详细插件教程);人气非常高,ai更新快且高清...
we辅助poker德之星!we... we辅助poker德之星!wepoke有辅助挂,we poke有挂,攻略方法(有挂细节);(需添加指...
wpk外 挂!wpk ai是有... wpk外 挂!wpk ai是有(WPk)都是真的有挂-详细透明挂教程;wpk辅助器中分为三种模型:w...
德扑起手牌胜率图!德扑之星可以... 德扑起手牌胜率图!德扑之星可以设置埋牌,德扑ai总是是有挂(详细智能教程)1、许多玩家不知道德扑起手...
玩家教程!wopoker辅助器... 玩家教程!wopoker辅助器免费版v2.0(aapoker透明挂)wEpoke(其实真的有挂)是一...
wpk有透视辅助(WPk)德州... wpk有透视辅助(WPk)德州wpk有外 挂(透明挂)原来真的有挂(软件教程)1)wpk辅助挂:进一...
德州之星插件!德扑之星真的有辅... 德州之星插件!德扑之星真的有辅,德扑之星总是有挂(详细智能机器人教程)1、快速入门:当你通过点击开始...
wepoke ai辅助!wep... wepoke ai辅助!wepoke挂真的(辅助透视)wepoKE(总是真的有挂)1、许多玩家不知道...