18910140161

没有JavaScript-Stack溢出的HTML分页

顺晟科技

2022-10-19 12:37:36

246

我试图创建页码,发现了这个有趣的代码:https://codepen.io/p-ziegler/pen/bmdaan

我喜欢这里不需要Javascript。但问题是我想把页码切换到内容下方的底部,并使内容设置在数字上方。但当我切换它们时,所有的内容都消失了。你能告诉我如何让它工作吗?


顺晟科技:

正如我在注释中提到的,管理路由的一个更好的方法是使用CSS中的伪类over radio inputs。 这样,您就不需要担心HTML的源代码顺序了。 不过,该解决方案的一个常见问题是默认页面。 请参见下面一个带有默认页(主页)的代码段的工作示例。

在这段代码中,我们隐藏了所有的部分。然后,我们使默认页面可见(在本例中),然后在选择器满意时再次隐藏默认块。 这些选择器的特殊性对于确保在选择默认节时不隐藏该节非常重要。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航