如何使用div id进行动态单页滚动?

时间:2018-01-03 05:53:48

标签: php mysql codeigniter

我希望动态地实现以下内容。

在静态网页中我们借助div ID创建一页滚动。



ex: <a href="#cat1"> Cat1 </a>
    <a href="#cat2"> Cat2 </a>

   <div id="cat1"> Content of Cat 1</div>
   <div id="cat2"> Content of Cat 2</div>
&#13;
&#13;
&#13;

是否有可能在codeigniter中动态实现这一点?

现在分类动态显示。并且只使用一个div,并且正常情况下基于类别按钮单击将数据加载到该div中。 但我想立即加载所有数据并基于但是点击我想移动到div的特定部分。有可能实现吗?

3 个答案:

答案 0 :(得分:0)

你可以这样做:

动态猫这将为您提供动态菜单

foreach($cats as $key=>$cat){
   echo "<a href='#cat".$key."'> Cat".$key." </a>";
}

现在你也可以像这样得到Div:

foreach($contents as $key=>$cat){
       echo "<div id='cat".$key."'> Content of Cat ".$key."</div>";
    }

我认为这会对你有帮助

答案 1 :(得分:0)

它看起来像标签功能。 jquery中有更多可用于标签功能的网站,请查看此链接tabs functionality in jquery

有一些预定义的功能可用,例如tab()

<script>
$( function() {
$( "#cat" ).tabs();
} );
</script>

答案 2 :(得分:0)

您可以使用以下代码

&#13;
&#13;
ConvertStringSecurityDescriptorToSecurityDescriptor
&#13;
&#13;
&#13;

首先,我在循环中添加链接,然后在相同数据的其他循环中添加链接的内容。

第一个标签及其内容始终处于活动状态,因为条件已添加到那里。

希望此代码可以为您提供帮助。

相关问题