HTML中的分页符答案

【问题标题】：page break in HTMLHTML中的分页符
【发布时间】：2009-03-07 20:12:28
【问题描述】：

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

<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>

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

【问题讨论】：

标签： html page-break

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

您可以使用 onscroll in javascript 来控制滚动。 onscroll 事件可以确定当前位置，如果用户向下太远，还有向上滚动的功能。

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

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

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

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

【讨论】：