请弄清楚问题,为清楚起见,让我详细说明;我需要实现的是,我有一个页面正在向前进行分页-工作,并且每当我对页面进行分页时,该页面都会转到页面顶部,因为它确实刷新了,但是我需要它停留在分页链接所在的div上处于。分页内容所在的内容区域,似乎页面没有加载,仅内容已更新。明白这一点。
代码如下:
<div class="large-12 columns" id="paginate" style="border-right: 1px solid #E3E5E8; height: 572px;">
<article>
<hr><div class="row">
<div class="large-6 columns">
<?php
//stories complete do not edit.
foreach($stories as $story){
echo '
<p>'.$this->Html->image($story['image'].'.jpg', ['alt'=>'image for article']).'</p>
</div>
<div class="large-6 columns">
<h5><a href="#">'.$story['title'].'</a></h5>
<p>
<span><i class="fi-torso"> Creator: '.$story['creator'].' </i></span>
<span><i class="fi-calendar"> '.$story['created'].' </i></span>
</p>
<p>'.$story['story'].'</p>';
//same place after pagination
//
}
?>
</div>
<div style="padding: 2px;float: left;margin-top: 31%;margin-left: -1206px;">
<ul class="pagination" role="navigation" aria-label="Pagination">
<li><?php echo $this->Paginator->prev(' < ' . __(''));?></li>
<li><?php echo $this->Paginator->numbers();?></li>
<li><?php echo $this->Paginator->next(' > ' . __(''));?></li>
</ul>
</div>
</div><hr>
</article>
</div>
根据代码和早期的Cakephp代码,我们能够使用paginator添加到div的链接,它将直接带我们到特定的div,我无法弄清楚使用Cakephp-4.x做到这一点的语法。善用最少的代码即可提供最佳解决方案。
使用简单的<a name="pagination"></a>
,并使用URL中的#pagination
链接到新页面。