如何仅在正文(不包括页眉和页脚)上启用退回滚动？

在正文中启用退回滚动可以通过CSS样式来实现。具体步骤如下：

首先，在HTML文件的<head>标签内添加一个样式表链接，如下所示：

<link rel="stylesheet" type="text/css" href="styles.css">

在styles.css文件中，添加以下CSS样式：

body {
    overflow-y: scroll;
    scroll-behavior: smooth;
}

这段CSS代码将为页面的正文部分启用垂直滚动，并且滚动行为会平滑过渡。

保存并刷新页面，你将看到正文部分现在可以通过滚动条进行滚动了。

退回滚动的优势是可以提供更好的用户体验，特别是在页面内容较长时，用户可以方便地回到页面顶部或者其他指定位置。

应用场景包括但不限于长文档、博客、新闻网站、论坛等需要用户频繁滚动页面的网站。

腾讯云相关产品中，与网页开发相关的产品包括云服务器、云存储、云数据库等。你可以通过以下链接了解更多关于腾讯云的产品信息：

请注意，以上链接仅供参考，具体选择适合的产品需要根据实际需求进行评估和决策。

相关·内容

分节符后页眉如何更改与上一节相同_页眉和页脚是什么

不常编辑对文档有格式要求的朋友来说，偶尔需要编辑指定格式页眉页码的word文档时，会一时不记得如何使用，在网上搜索半天，异常烦躁。特整理一下，记录下来，备不时只需。...场景1：前两页为封面和目录，从第三页起加入页眉　　a: 将光标放在第3页的首部，点击【布局】—>【分隔符】—>【分节符】—>【下一节】；　　b: 在页眉处双击鼠标，进入页眉编辑状态，点击【链接到前一条页眉...】按钮，断开与前一节的联系；　　c: 下面就可以输入页眉内容，调整页眉的文字样式了。...场景2：在页眉上加入特定的页码格式，如想达到下图的效果：　　a: 直接在页眉处输入上图中的文字，不要输入页码数字，然后将光标置于【第页】之间，如图：　　b: 点击【设计】—>【页码】—>【当前位置...在【word选项】对话框中，点击左侧窗格中的【高级】功能选项，下拉滚动条找到【显示文档内容】下面的【显示域代码而非域值】，将该项前面的勾选去掉，点击【确定】即可。

3.2K2 0

word 如何设置不同页眉页脚？

有时我们在WORD中需要设置不同的页眉，该如何优雅地设置呢？别着急，头发会掉的... 敲黑板：要知道Word中对页眉和页脚的操作是可以针对节这个单位的。...此时整篇文档被分为三节（第一节：首页和目录部分；第二节：正文部分；第三节：附录部分）注意：如果在正文部分开始处和附录开始处；使用过“分页符” 来进行强制分页的话，则应该删除此分页符页眉页脚设置。...一、首页和目录　　首页和目录既然不想要页眉和页脚，那么我们就不需要什么操作。二、正文部分页眉设置将鼠标定位于正文部分第一页，双击页眉区域。此时该节的页眉处于可编辑状态。...02 三、页脚设置与页眉设置类似：先将鼠标定位于正文部分某页，双击页脚区域。...如处于页眉编辑状态，可单击“导航”中〔转至页脚〕按钮切换到页脚编辑，先点击“导航”中〔链接到前一条页眉〕按钮，使其与前一节“断开联系”，然后编辑本页的页角文字即可。 ? Bye

5.2K3 0

180多个Web应用程序测试示例测试用例

4.仅在必要时才启用滚动条。 5.标题，描述文本，标签，内场数据和网格信息的字体大小，样式和颜色应为SRS中指定的标准。 6.说明文本框应为多行。...8.升序和降序排序功能应适用于数据排序所支持的列。 9.结果网格应以适当的列和行间距显示。 10.当结果多于每页默认结果数时，应启用分页。 11.检查下一页，上一页，第一页和最后一页的分页功能。...邮件等 10.使用TO，CC和BCC字段检查发送电子邮件功能。 11.检查纯文本电子邮件。 12.检查HTML格式的电子邮件。 13.检查电子邮件的页眉和页脚以获取公司徽标，隐私政策和其他链接。...Excel文件数据应使用所有页眉和页脚文本，日期，页码等值正确格式化。 8.检查页面上显示的数据和导出的Excel文件是否相同。 9.启用分页时检查导出功能。...17.测试文件扩展名处理，以便exe文件不会在服务器上上传和执行。 18.诸如密码和信用卡信息之类的敏感字段不必启用自动完成功能。

8.2K2 1

jQuery Mobile的学习 jQuery Mobile工具栏、标题栏、页脚栏的定位学习

对于内容比较少的页面，领导提出了要将页眉和页脚定位到网页的最上方和最下方。对于这样的要求，其实一点也不过分。但对于新手来说，确实很难，很不容易，今天我就将我学习的内容一起分享一下！...放置页眉和页脚的方式有三种： Inline - 默认。页眉和页脚与页面内容位于行内。 Fixed - 页面和页脚会留在页面顶部和底部。 ...Fullscreen - 与 fixed 类似;页面和页脚会留在页面顶部和底部请使用 data-position 属性来定位页眉和页脚：看代码：提示：如果滚动条可用，那么敲击屏幕将隐藏或显示页眉/页脚。效果会根据您在页面上的位置而变化。... ok，我们上截图： ?

1.7K5 0

officeword 2010添加页眉页脚

所出现的情况如下: 在修改页眉文本时, 如果修改任何的页眉, 其他所有的页眉都会同步本次修改在修改页脚的页码时, 无法手动添加页面, 因为如果修改了其中的页脚, 其他的页脚也会同步本次的修改...重复无意义的劳动, 而且说不定页眉页脚还是会进行同步经过一下午的查阅资料, 本人总结了一个思路, 帮助他做好毕设的最后一步, 那就是: 在我们将毕设内容写完以后=>对各个标题、正文、图的标注格式进行检验...注意:这里是因为我们在分节以后, 编写的页眉只会同步到本节的所有页眉, 因此最好是按照顺序修改页眉分隔符如何删除?...步骤如下: 双击页脚, 然后删除原有的页脚格式, 选择页码=>设置页码格式=>设置起始页码, 如图一,图二在新的章节后, 继续页码=>设置页码格式=>设置起始页码, 设置起始页码为上一节页码的值...如果图三步骤结束后, 页脚仍没有页码, 则需要我们将页码置于页面底端, 并且多余的空行直接删除即可后来经过测试, 在选中原页码的状态下上直接设置页码格式=>设置起始页, 页码就会直接出现

1.7K2 0

WdInformation 枚举

wdHeaderFooterType 33 返回一个值，该值指示包含指定的所选内容或区域的页眉或页脚的类型，如下表所示。...如果所选内容或区域未显示在屏幕上，则该参数返回 -1。...wdInHeaderFooter 28 如果所选内容或区域的页眉或页脚窗格中或在页眉或页脚中打印版式视图中，则返回 True 。...wdInWordMail 37 如果所选内容或区域的页眉或页脚窗格中或在页眉或页脚中打印版式视图中，则返回 True 。...wdOverType 23 如果启用改写模式，则该参数返回 True 。可使用 Overtype 属性改变改写模式的状态。

1.4K3 0

wkhtmltopdf参数详解及精讲使用方法

--footer-spacing 页脚与正文之间的距离(默认为零) --header-center 在页眉的居中部分显示页眉文本... --header-line 在页眉下方显示一条直线分隔正文 --no-header-line 不使用直线分隔页眉与正文...如果你不熟悉 BNF 的话，下面的代码段中是三个例子: http://user:password@myproxyserver:8080socks5://myproxyserverNone 页眉和页脚页眉和页脚可以使用参数...页眉和页脚也可以通过 HTML文档来提供。...) –footer-left* (左对齐的页脚文本) –footer-line* 显示一条线在页脚内容上) –footer-right* (右对齐页脚文本

7881 0

分层 Blazor 组件

相反，Content 子组件包装整个对话框的内容，并拆分为三段：页眉、正文和页脚。总之，根据上面的代码片段，生成的 UI 由标记为“打开”的主按钮组成。...在获得单击后，此按钮便会立即弹出填充有以下三层的 DIV：页眉、正文和页脚。必须处理模板化组件和级联参数，才能创建模式对话框所需的嵌套组件。...模式对话框的内容 Bootstrap 对话框最多由三个垂直布局的 DIV 区块组成：页眉、正文和页脚。所有这些区块都是可选的，但建议至少定义一个，以便为用户提供最少程度的反馈。...最后，三个 RenderFragment 模板属性定义可自定义区域（页眉、页脚和正文）的实际内容。...它定义总体 HTML 布局，并使用模板属性导入标记的详细信息（页眉、页脚和正文标记），这些信息可确保给定对话框是唯一的。由于有了 Blazor 模板，任何实际标记都可以指定为调用方页中的内联内容。

8.3K1 0

分享一款基于web的开源word文档编辑器

好了, 话不多说, 接下来我们看看它具体的使用和实现效果. github地址: https://github.com/Hufe921/canvas-editor 效果展示我先展示一下我本地使用 canvas-editor...打印（基于 canvas 转图片、pdf 绘制）控件（单选、文本、复选框）右键菜单（内部、自定义）快捷键（内部、自定义）文字、元素、控件拖拽页眉、页脚、页码页边距水印分页安装 & 使用...: IHeader // 页眉信息。{top?:number; maxHeightRadio?:MaxHeightRatio;} footer?: IFooter // 页脚信息。{bottom?...: number // 正文内容失焦时透明度。默认值：0.6 historyMaxRecordCount?: number // 历史（撤销重做）最大记录次数。...: string // 滚动区域选择器。默认：document wordBreak?

5651 0

【译】停止滥用div! HTML语义化介绍

我们经常将最顶层的页面划分为三个区域：页眉、主页和页脚，然后根据需要将这些区域划分为多个区域。...页眉和页脚元素页可以使用PHP或Rails/ERB等语言中的部分模版来更易于使用，因为你可以在整个站点中包含常见的页眉和页脚部分：因此，我们为页面提供了一个基本大纲：页眉，页脚和主要内容区域。现在是时候添加些美妙的内容了。

1.8K2 0

停止滥用div! HTML语义化介绍

9764 0

《iOS Human Interface Guidelines》——Table View表视图

在章节的第一个条目之前可以显示页眉，在最后一个条目之后可以显示页脚。分组风格。在分组风格中，行是显示在分组中的，其可以有页眉和页脚。...NOTE 编程上，这些风格用于表视图的单元格，这是一种告诉表如何绘制行的对象。 Default（UITableViewCellStyleDefault）。...显示概念上的分组信息。两种表视图风格都允许你通过信息章节间的页眉和页脚视图来提供上下文。...你也可以使用页眉页脚视图——一种 UITableViewHeaderFooterView 实例——来在页眉或者页脚显示文本或者自定义的视图。...查看UITableViewHeaderFooterView Class Reference来学习如何在你的代码中使用页眉页脚视图。

2.4K2 0

超详细论文排版秘籍，宜收藏！

双击页眉的位置进入页眉 / 页脚编辑状态，在【页眉和页脚工具】选项卡中，单击【页码】命令，在下拉列表中，单击【页面底端—普通数字 2】命令为当前节插入页码，如图3所示。...此时，目录的前后各有一个分节符，但是我们发现目录和正文的页码都是不对的。我们可以进行如下操作。首先，双击页面底部进入页眉 / 页脚编辑模式，将鼠标光标放置于目录所在节。...然后，在【页眉和页脚】选项卡中，找到【导航】组，单击【链接到前一节】命令。最后，选中该节的页码将其删除。小贴士如此，当前节的页眉/页脚设置才不会对前一节造成影响。（2）设置正文部分。...将光标移动到下一节，即正文部分，在【页眉和页脚】选项卡中，找到【导航】组，单击【链接到前一节】命令，取消对前一节的链接。选择【插入】选项卡中的【页码】命令，在下拉列表中选择合适的页码样式。...图11 【下一条脚注】和【上一条脚注】用于在脚注之间切换，【上一条尾注】和【下一条尾注】用于在尾注之间切换。为了整体文档的美观度，有时需要将脚注自动转化为尾注。

4.3K1 0

教程 | Python 实现 Word 文档操作...

如何使用 # 字体设置为仿宋，电脑上必须安装有该字体 font.Name = 仿宋 # 字号设置为三号 font.Size = 16 ParagraphFormat对象：段落格式。...Styles包含指定文档中内置和用户定义的所有样式，它返回一个样式集。其中的每个样式的属性包括字体、字形、段落间距等。如常见的正文、页眉、标题1样式。...如何获得 # 只能通过文档获得 styles = doc.Styles 如何使用 # 返回正文样式 normal = styles(-1) # 修改正文样式的字体字号 normal.Font.Name...设置起始页码 s.headerfooter.pagenumbers.NumberStyle = 0 # 设置页码样式为单纯的阿拉伯数字 s.WholeStory() # 扩选到整个部分（会选中整个页眉页脚...给页码左边加上一字线，注意不是减号 s.MoveRight() #移动到页码末尾，移动了一个字符距离 # 默认参数是1（字符） s.TypeText( — ) s.WholeStory() # 扩选到整个页眉页脚部分

3.5K2 0

Word设置“第X页共Y页”页码且不计目录、前言等的页数

本文介绍在Word文档中，不考虑封面、目录、前言等的页数，为正文添加“第X页，共X页”样式页码的方法。在Word中，我们可以双击页眉或页脚部分，选择“页码”选项并添加页码。 ...那么，如何实现我们的这一需求呢？方法也非常简单。首先，我们在页脚暂时不要添加任何页码，先直接将第页，共页这四个字和中间的逗号打出来，如下图所示。 ...对此，我们用鼠标选中页脚区域，同时按下Alt键与F9键，将当前Word中的域结果都切换为域代码的形式显示；随后将出现如下所示的界面。 ...此时，“共30页”中的30已经是我们想要的数据了；但有时可能30这个数字的格式和页码的其他文字或数字格式不一致，如上图所示，30是加粗的。...如果有这种情况，我们直接将其他字符的格式复制到30上即可。例如，可以按照“第1页”中的1的格式来修改30的格式。随后，即可得到完美的结果，如下图所示。至此，大功告成。

2541 0

「毕业设计」调教Word指南

完整毕业设计的结构：封面、中文摘要、英文摘要、目录、正文、参考文献、（附录）、致谢。写论文前页面布局设计页面布局设计在布局菜单下，选择自定义页边距。那么如何插入两张不同布局的页面？...我们只留下，标题1，标题2，标题3，和正文部分（后面遇到新样式自己可以再添加）。...如何启用个人模板？在新建中选择个人，如果创建模板成功，就会在这里看到你所创建的模板。另存为标题添加“下划线” 其实我们是添加一个下边框来达到下划线的效果，效果如下图所示。...提示：快捷键F4为重复上一步操作。标题添加“下划线” 表格整理图片插入后的表格如图所示，最后记得把表格的边框全部隐藏。...写论文后设置页眉页脚论文的页脚设置需要将目录以及正文分开设置，目录设置为罗马数字，正文设置为阿拉伯数字。同时如果需要插入共X页的信息，可以在文档信息中插入域。也可以在页眉设置标题。

1.8K1 0

java(iText)工具包生成PDF

iText5中并没有之前版本HeaderFooter对象设置页眉和页脚，可以利用PdfPageEvent来完成页眉页脚的设置工作。...com.itextpdf.text.pdf.*; import com.itextpdf.tool.xml.XMLWorkerFontProvider; /** * iText5中并没有之前版本HeaderFooter对象设置页眉和页脚... * 不过，可以利用PdfPageEventHelper来完成页眉页脚的设置工作。... * 就是在页面完成但写入内容之前触发事件，插入页眉、页脚、水印等。...writer.getDirectContent(); totalPage = cb.createTemplate(30, 16); } // 一页加载完成触发，写入页眉和页脚

9.9K2 3

如何使用CSS中的固定定位属性？

摘要本文介绍了CSS中的固定定位属性（position: fixed）的使用方法和注意事项。固定定位属性可以将元素固定在浏览器窗口的特定位置，不随页面滚动而变动，常用于创建固定导航栏、页脚等。...文章通过一个示例演示了如何实现固定定位的导航栏，并提到了使用固定定位属性时需要注意的几点问题。...CSS中的固定定位属性（position: fixed）是一种常用的布局技术，可以将元素固定在浏览器窗口的特定位置，不随页面滚动而变动。这个属性在开发各种网页和应用程序时非常有用。...无论页面如何滚动，该元素始终保持在指定的位置上。常见的应用场景包括页眉、页脚、悬浮按钮等。...在移动设备上，固定定位属性可能有性能问题，并且在页面滚动过程中有时会出现闪烁的情况。所以，在移动设备上使用固定定位要慎重考虑。

3341 0

如何将HTML表格转换成精美的PDF

大多数免费的在线 PDF 导出器实际上只是将 HTML 内容转换为 PDF，而不进行任何额外的格式化，这会使数据难以阅读。如果你也能添加诸如页眉和页脚、页码或重复的表列标题等内容呢？...输出如下：使用内置打印功能和Safari浏览器导出的PDF 你会注意到表格看起来大致相同，页面页眉和页脚内容也是如此。但是，表列标题和表脚不重复！...这意味着，我必须为它提供 PDF 表格的页眉、页脚、内容和布局的数据，而不是为 pdfmake 提供一个对我的 HTML 表格的引用。...pdfmake 还允许我加入页眉和页脚，所以很容易添加页码。但你会注意到，第一页和第二页之间的表格内容仍然没有完全分开。分页符将 2002 年的一行部分地分割在两页之间。...要创建页眉和页脚文本，DocRaptor 建议你使用一些 CSS 与 @page 选择器，就像这样。

6.8K2 0

Java后端：html转pdf实战笔记

它会带页眉和页脚的TOC之前插入 –custom-header 设置一个附加的HTTP头（可重复） –debug-javascript 显示的javascript调试输出 –default-header...–user-style-sheet 指定用户的样式表，加载在每一页中 –username HTTP认证的用户名 –version 输出版本信息退出 –zoom 使用这个缩放因子 (default 1)页眉和页脚选项...(右对齐页眉文本) –header-spacing* (设置页眉和内容的距离,默认0) –footer-center* (设置在中心位置的页脚内容) –footer-font-name* (设置页脚的字体名称...–footer-line* 显示一条线在页脚内容上) –footer-right* (右对齐页脚文本) –footer-spacing* (设置页脚和内容的距离) ....dots, in the toc 轮廓选项 –dump-outline 转储目录到一个文件 –outline 显示目录(文章中h1,h2来定) –outline-depth 设置目录的深度（默认为4）页脚和页眉

2K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云