单页滚动插件分页

Question

我在项目上使用One Page Scroll，我想知道是否有办法将分页从点改为数字分页。因此，如果有六张幻灯片，第一张幻灯片显示“1/6”，第二张幻灯片将是“2/6”等等 - 我无法弄清楚我会用什么方法来确定哪个部分我是打开以显示一个数字。

Answer 1

该插件似乎没有太多选择。

你可以做的一件事是使用jQuery创建文本并将其放在链接中，并调整CSS以使“球”消失。

我直接在演示页面上运行的示例：

$('ul.onepage-pagination li a').each(function() {
    var elem = $(this);
    var li = elem.parent();
    var ul = li.parent();
    elem.html((li.index() + 1) + '/' + ul.children().length);
});

你去，在你的每个链接中运行时，你可以删除或添加css类或样式，或者只是直接调整.css。