【问题标题】:Modify jPaginate script to jump to top with each page turn?修改 jPaginate 脚本以在每次翻页时跳转到顶部?
【发布时间】:2012-08-03 00:16:04
【问题描述】:

我已经使用 jPagination 集成了一个分页脚本来分解页面上的长文本:http://web.enavu.com/js/jquery/jpaginate-jquery-pagination-system-plugin/

在此处查看示例:http://harrisstern.com/who/beachcomberbackstory.html

我正在寻找一种方法来修改代码,以便在每个页面“转”时将页面的焦点移到顶部(例如,从 1 移动到 2、2 到 3 等)。

我是 javascript 新手,如果您能提供任何见解,我将不胜感激!

谢谢, 蒂姆 宾夕法尼亚州费城

【问题讨论】:

    标签: jquery pagination jquery-pagination


    【解决方案1】:

    我已经为此工作了一段时间。

    将这行代码放在 jPaginate.js 文件中。

    $('html, body').animate({scrollTop:0}, 'slow');
    

    它需要去追求

    createPagination($(this).attr("title"));
    

    在第 183 行

    之后

    createPagination(newcurr);
    

    在第 192 和 201 行

    这些行位于“// 处理点击分页”部分。 这告诉每个按钮滚动到页面顶部,它还有一个轻微的动画,使它看起来非常漂亮。

    希望这会有所帮助。

    【讨论】:

    • +1,仅适用于希望避免滚动并希望在使用 jpaginate 翻页后跳转到顶部的每个人。将 BostonBB 的行替换为 $('html, body').scrollTop(0);
    【解决方案2】:

    使用滚动功能

    window.scroll(0, 0);
    

    这是fiddle

    【讨论】:

      猜你喜欢
      • 2015-06-03
      • 2010-09-24
      • 1970-01-01
      • 2019-10-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-10
      • 1970-01-01
      相关资源
      最近更新 更多