是否可以分页显示下一个和上一个链接以在特定的div加载页面

问题描述 投票:0回答:1

请弄清楚问题,为清楚起见,让我详细说明;我需要实现的是,我有一个页面正在向前进行分页-工作,并且每当我对页面进行分页时,该页面都会转到页面顶部,因为它确实刷新了,但是我需要它停留在分页链接所在的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'].' &nbsp;&nbsp;</i></span>
                <span><i class="fi-calendar"> '.$story['created'].' &nbsp;&nbsp;</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做到这一点的语法。善用最少的代码即可提供最佳解决方案。

php html css zurb-foundation cakephp-4.x
1个回答
0
投票

使用简单的<a name="pagination"></a>,并使用URL中的#pagination链接到新页面。

© www.soinside.com 2019 - 2024. All rights reserved.