Question

我在页面中有一个组件，显示分页搜索结果（）。相反，我正在寻找一个可滚动的分页（不需要点击下一个＆gt;）。我用google搜索了几个小时，我不是Jquery / Javascript的专家。有人能指出我正确的方向来实现我的目标。

Answer 1

有一个ZoneUpdater mixin，它可以注册到任何javascript事件，并在触发时更新挂毯区域。

我不建议将它挂钩到滚动事件（因为这个经常被调用）。但是，您可以将其附加到任何事件上的任何元素，并在需要时触发事件：

$('foo').simulate('click');

或者您为zoneupdater指定一个特定的前缀，并使用

直接调用它

<t:any id="mytrigger" t:id="mytrigger" t:mixin="zoneupdater" t:prefix="mytrigger">

mytriggersZoneUpdater.updateZone.bindAsEventListener(mytriggersZoneUpdater);

要保持滚动，您也可以使用原型脚本

Event.observe(window, 'load', function() {
    Event.observe(window, 'scroll', function(evt){
        // what the y position of the scroll is
        var yPos = document.viewport.getScrollOffsets().top;

        var referenceItem = $('myScrollTriggerReferenceItem').cumulativeOffset().top;
        if( yPos > referenceItem ){
        /* the scroll point is below a predefined element, so let's trigger the update */
            //$('mytrigger').simulate('click');
            // OR
            //mytriggersZoneUpdater.updateZone.bindAsEventListener(mytriggersZoneUpdater);
        }
    });
}

Tapestry5可滚动分页

1 个答案: