HTML 中的分页符

Question

我想在 html 中使用分页符，这意味着读者在 select 为其提供链接之前无法进一步向下滚动。

<SPAN id=title><A name=BdToc_1 external=yes><h1 id="BookTitle" align="center"><font color="#B90000"><b>Choose Subject</b></font></h1>
</A>
</SPAN>
<p>
Contents....
</p>

我想要在此之前和之后分页符。 请帮我

Answer 1

请原谅我指出了明显的问题，但分页符用于分隔不同的页面。 每个 HTML 文档都是一个不同的“页面”。 “选择[ing]链接”通常会加载一个新页面。 所以....当他们单击此链接时，您为什么不直接加载下一页？

Answer 2

您可以使用 CSS 属性page-break-after ， page-break-before指定发生分页符的位置。 当然，这仅在打印web 页面时有效。 据我所知，这些属性在包括 IE6+ 在内的所有主要浏览器中都正确实现。 此外，您还可以使用page-break-inside state 分页符不应出现在元素内部。

如果您想要分页本身，则需要为每个页面设置 HTML 并链接这些页面。 或者您可以使用 AJAX 动态获取每个页面的内容，这当然涉及脚本。

Answer 3

在 HTML 中不太可能。 您可以尝试在 Javascript 中制作一些东西，但任何人都可以禁用 javascript。

你为什么想要这样的东西？

Answer 4

您可以使用javascript 中的 onscroll来控制滚动。 onscroll 事件可以确定当前的 position 并且如果用户向下太远，则有一个 function 向上滚动。

然后，当用户单击链接时，您设置一个标志(scrollok=1)。 onscroll 检查标志，现在允许滚动。

如果您想击败已停用 javascript 的人，只需使用样式表使内容不可见，直到他们单击：visibility=none。

然后，当他们单击链接时，您可以通过标志启用滚动，并使内容可见。

如果您不知道如何做这些事情，请发表评论，我可以更准确。