PDF查看设置滚动条

朋友们中午好。我们平时啊把那个文档可以通过虚拟打印机把它变成 pdf 档， 这样子的话呢，我们在阅读的时候啊，可以设置一下，让它自动滚动。这个命令在哪里找呢？在这个自动易工具栏里面找到那个。呃，视图自动滚动，把它加到这个菜单里，按确定， 然后我们再看一下这个视图菜单有没有出现自动滚动。有的啊，在中间 就是也可以用快捷键 ctrl 加 shift 加 h， 它就会实现一个 自动滚动。那你看我们来看一下这个滚动啊，他的速度好像不是很快，那么怎样把它搞快一点呢？我们是可以 找到那个光标键，也就是那个向向上的箭头和向下的箭头啊，我们轻轻的点一下，他就会迅速的往下面翻动， 会加快。假设你觉得太快了，你可以往相反的方向稍微点一下，就相当于刹车，踩一下刹车，你看他慢慢的调到你比较满意的一个滚动的一个速度。现在我们来示范一下， 这个是用鼠标滚动的，现在我们来启动这个自动滚动啊，这个是不是太慢了，是吧？按一下向下的箭头，好快啊，那我们再按一下，轻轻的按一下向上的箭头， 再试一下滚动，开始自动滚动。嗯，这个速度还可以，是吗？再往下面再快一点，按一下那个向下的箭头。 嗯，觉得这个速度可以了，也不能太快，太快的话看都没看见内容，他就已经滚上去了，那也不合适。 那这个速度我们可以慢慢的调整，调到自己满意的一个速度，这样就可以了。嗯，好的，再见。

如何快速预览 tdf 文档？ 选中 pdf 文件，鼠标右击选择使用闪电 pdf 编辑器打开 pdf 文档。打开文档后，在工具栏中选择视图，点击对开标志，也可直接阅读多张文档。 选择自动滚动条页面，进入自动滚动模式，无需移动鼠标即可预览。选择分割，可将当前文档试图分割成两个部分进行阅读操作。

嗨，大家好，今天我们分享 ggb 教学滑动条系列滑动条二、滑动条属性设置一， 我们先看一下内容提要，这里我们主要讲滑动条的这几个，竖形区间，滑动条动画典型线形，主要是讲这五个。 那在上一期视频当中，我们学习了如何初始的创建滑动条，在创建的时候我们可以对他的属性进行初步的设置，比如最小值、最大值、增量 是否固定，是否随机，以及滑动条摆放的方向是竖直还是 平行。如果需要改变滑动条的属性，或者是进行更高级别的设置，那我们就需要在创建之后选中它， 在在他的属性里面进行设置。比如我们现在创建一个滑动条 a， 现在我们要对滑动条 a 进行进一步的修改，或者是更高级别的设置，我们就需要选中这个滑动条，然后单击右键，在最下面的属性点击左键， 这时候打开一个属性的窗口，那在这里面我们可以修改他的属性，包括这里面的最小值， 最大值，他的增量，我们都可以对他进行修改，包括是否固定，是否随机，是水平放置还是数值放置，包括动画的速度， 动画的重复类型，这些我们都可以改变。比如本来他是一个数字画动条，现在我要把它用作一个整数画动条，那这时候我们就可以 把它修改一下，比如把它修改最小值是一，最大值是十，增量是一， 这样的话这个滑动条的取值就是一到十内所有的整数。 好，这是 一个修改。嗯，除了刚才这些属性之外，我们也可以对这里面的属性进行一下修改，一个是典型。什么是典型？他指的是这个滑动条， 我们知道这个滑动条是由一个点和一条线段来构成的，典型指的就是这个点 他的类型。这里面主要是两个属性，一个是点的大小，比如这个点我要让他大一点，那我改成十确定，那你会发现这个点就比较大， 我让他小一点，比如这个点是二，那这个点相对来说就比较小。 然后是颜色，指的就是这个点的颜色，我们可以选择，比如我们选择红色确定， 那这时候这个点就是一个红色，这就是典型。 然后下面呢是一个线形，线形里面的属性有这样的几个，一个是宽度，指的是这个线段的长度，比如我们把它改成一百，我们发现这个线段就变短了。 另外就是线径，这个线径指的是这个线的粗细，比如这条线我让他细一点，改成一，那你会 会发现这条线就非常细。颜色指的是这个线段的颜色，比如我们把它修改成蓝色，那你会发现这个线段就成了蓝色，而这个点的颜色是不发生变化的。 最后一个是虚实，虚实指的是这个线段是虚的还是实的，虚的意思就是可能相对来说就比较弱啊，看起来，那么当虚实为零的时候，这个线段就看不到了。 好，这是关于虚实。好了，对于滑动条属性的改变，嗯和设置我们就分享到这里，主要呢是 讲一下关于典型和线型的改变，也就是滑动条的两个要素，线段和点是如何来变换他们的大小和颜色等等这些属性的。好了，本期的分享就到这里，感谢聆听，再见！

嗨，大家好，今天我们分享 ggb 教学滑动条系列滑动条三，滑动条属性设置二，我们先看一下内容摘要， 首先我们稍微提一下关于常规的一些设置，然后再说一下高级的设置， 那在这里首先我们还是先创建一个滑动条，比如我们创建一个角度滑动条， 然后选中这个滑动条，点击右键同样打开属性。 那在上一个视频当中，我们讲了滑动条的这些基本的设置，跟其他的几个 对象类似的，滑动条作为一个几何对象来说，也有其他方面的设置，比如常规， 在这个常规里面我们可以改变他的名称，比如这个滑动条本来叫阿尔法，那现在我希望这个滑动条是叫做 b， 那我就可以输入一个 b and 确定这时候这个滑动条就改成了 b 这个名称 他的数值你可以对他设置一下，比如说设置成九十度，只不过这个设置呢是暂时性的， 他仍然是作为滑动条可以去变化。最后可以设置他的标题，比如 他的标题叫滑动条，那你会发现我输入了滑动条，确定了之后，那这时候这个滑动条上面的 b 等于九十度就变成了滑动条三个字， 这是为什么呢？这主要取决于他显示的标签到底以怎样的方式来进行显示的。我们可以看在这里有一个叫显示标签，如果你把前面的勾打掉， 那你会发现这个显示标签的话，上面就不再显示他到底是 b 这个滑动条还是滑动条这个标题就不再显示了。勾选，并且在这里面选择我们要 显示的效果，比如是显示名称呢？啊，显示名称就是直接显示这个名称，比如说 b 还是显示名称与数值，那名称与数值，那名称等于这个数值，还是只显示一个数值呢？ 还是显示标题还是显示标题与数值这样的五种显示方式。当然有人会问，这时候的名称与标题有什么区别呢？ 那这主要的区别在于，我们在之后如果要引用这个对象的话，要起作用，那我们主要是引用他的名称，而标题是不起作用的，就是在引用这个对象的时候， 标题是不起作用的。比如我们希望知道这个滑动桥的两倍是等于多少， 我们还是以数值与名称来进行显示吧。 b 等于九十度，那两倍的 b 等于多少呢？那我就是写二倍的 b， 然后确定，那你会发现这首二法就等于两倍的 b， 比如说当 b 等于九十六度的时候，一百度的时候，那阿尔法是两倍的 b 就是两百度， 这就是名称与标题的区别，那你引用标题的话，是引用不到它的数值的。 好，下面还有呢？是否使用文本作为标题？那如果你想使用文本作为标题的话，你首先要创建一个文本，比如我们在这里创建一个文本 文本工具，创建一个文本啊，叫滑动条文本这样的五个字， 然后这里会有一个文本啊，我们看一下是文本六，然后我们在滑动条的属性常规是否？呃，使用文本作为标题，我们勾选是，这时候你可以选择六， 然后选择之后，你会发现这个滑动条的标题就发生了变化，他就是使用了钢 的文本作为标题，叫滑动条文本。好，这就是他的作用，那你不想使用的话，可以把这个勾去掉。是否显示对象？如果不显示，那这个滑动条在绘图局当中就不会显示，勾选就是显示 是否显示标签，刚才已经说过了，是否启动动画，那你可以不启动，也可以启动。 是否为辅助对象？这个辅助对象主要是针对于代数区当中的排列来说的，在这个左边的代数区当中，如果你勾选了辅助对象， 然后再用代数区当中下面这个辅助对象，这个当出现这个，你再点击 一下，你会发现所有的辅助对象都出来了，再点击一下，那辅助对象就没有了，这是为了我们在编写程序的时候避免一些干扰，那我们可以把有些对象设置成辅助对象。 是否显示直角符号？就是我们数学当中那个直角，当有直角的时候啊，你希望显示直角，那你就点显示，如果不希望的话就不够选好，这是关于常规。 然后呢在颜色里面，这里的颜色我们可以看一下， 主要是针对于滑动条整个的颜色，包括这个点的颜色和这个线段的颜色，那你可以对他们进行设置 样式，那如果对于脚来说，那他的标记，其实滑动条这个里面呢，他是没有多大作用的啊，在这里啊，我们就不再多说了。位置是屏幕的绝对位置还是 不是绝对位置？所谓绝对位置指的是当你勾选绝对位置的时候，你无论怎么去移动绘图区，你会发现 这个滑动条始终是在绘图区的这个位置，而不会随着你移动了坐标轴或者移动了绘图区之后发生变化。 如果不勾选的话，那你会发现我移动绘图区之后，这个滑动条也会随之移动。好，这叫绝对位置的作用。 然后还有一个是带数据，这个呢，一般情况没有多大作用啊。剩下的就是高级，高级里面有一个显示条件， 就是滑动条什么时候显示，你可以设置他的条件，还有动态颜色，这个呢，相对来说就比较高级一点。我们在这里呢就不再多说，底下有显示的图层， 还有工具是提示是否关闭的问题。还有呢，滑动条是出现在绘图区还是啊？哪一个绘图区二还是三 d 绘图区，这都可以来进行选择的 啊。最后一个脚本呢，我们之后会再做一些介绍我们，嗯，底下的案例当中也会有，怎样把滑动 动条和脚本来结合起来实现啊，更多的一些互动。好了，关于滑动条三，滑动条属性设置二，我们就分享到这里，感谢聆听，再见！

滚动条操作演示，关于滚动条滚动条的作用，当页面里的内容不能完全看到时，滚动条可以帮助我们看到想要看的部分。什么时候使用滚动条适用于页面中元素较多，想在一个页面中展现出来的， 添加滚动条，点击顶部文本按钮，插入文本框，调整文本框的大小，双击文本框粘贴内容文本。点击文本框调整字号大小、段间距、行间距等。 点击滚动条按钮，开启滚动条，开启文本框滚动条使文本框内容超出时，内容可以上下滚动。点击开启拖拽底 不控制点，让超出的文本内容隐藏。双击文本框可以看到完整内容，一定要让超出的文本隐藏，否则滚动条不生效。点击预览可查看书刊内滚动条效果 滚动条设置点击元素可设置滚动条宽度滚动条圆角滚动条颜色 轨道背景色隐藏透明度 显示透明度隐藏方式，点击预览 可以查看滚动条效果 滚动条注意事项，滚动条不能跨左右两页，否则会被分为两个滚动条。 开启滚动条的文本框，文本框不能超出画布范围外，拖拽文本框底部的控制点，让超出的内容隐藏起来。左滚动条的添加至少两个以上的元素，将其选中边组，然后再开启左滚动条后，再将底部超出范围折叠上拉， 即可实现滚动条效果。文本框设置滚动条后，文本框不能设置分栏，否则无法滚动足。滚动条图文混排操作演示，按住 ctrl 键，点击选中文本和图片，点击编组按钮，点击开启组滚动条，拖拽底部控制点，让超出的部分隐藏。点击预览 可查看图文混排的滚动条效果。 流式排版滚动条操作演示，按元素的先后顺序叠放图层，在最上面的元素就显示在最下面。 点击左侧元素按钮，直接拖拽可调整图层顺序，或者点顶部的上移下移按钮调整图层顺序。框选叠放好的元素，点击 编组，开启滚动条流式排版开启流式排版后，该组下的内容会按照图层的顺序依次进行流动排版，而不会遵循所指定的位置。点击开启拖拽底部控制点，让超出的部分隐藏，点击预览 可以查看流式排版滚动条效果。

大家看这个神奇的 bug 啊，代码特别简单，就是一个宽高是百分之百的 div， 然后设了个背景颜色，现在呢，就这样很正常，对吧？但是注意，只要我把这个 div 换成凯文斯，大家再看 他下边就会出现个白条，然后呢，左边已经出现滚动条了，这就很神奇，我再把它换成 dna 打开，这样就没有滚动条，那这是为什么呢？首先我们在这里简单写个英文字母 打开，这很正常，对吧？然后呢，再写一个图片 src， 我之前准备了一张图在这，然后呢，我们要把这张图片设置成小一点的 宽高就是十像素。好，我们再来看一下，看看现在这个图片和文字看上去像是底部对齐的，对吧？但是注意，如果我在这写一个字母 g 或者 y 或者这样的字母打卡，现在就是这样了，由此可见呢，这个图片默认和文字是什么对齐呢？这个我之前讲过，是机线对齐，至于这几条线呢，大家可以看我这期视频，我这两天会把它置顶，那我们可以验证一下，我们把图片 改成 marketcola 烂等于 top， 大家看顶部包疼打看是不是底部。那如果我们不写这个属性，他默认就是贝斯兰极限对齐，甚至呢， 我们如果这个图片比较高，大家看他会把整个文字的空间都撑大，然后再来实现这个贝斯烂极限对齐。大家看高到什么程度呢？ 搞到如果我这是一百位 h 打卡，图片已经是一百位 h 了，但是他下面注意仍然留了一部分空间给这种记忆啊， yaj 啊这种字母来用，那有同学会说，如果我不要文字呢？打卡 不要文字，他下面也会留出这一部分空间，为什么呢？因为这里秘制默认是 display 的，隐乱的，也就意味着他后面可能还会有元素，所以浏览器会 给他保留下面这一部分小的空间。那如果我们给他改成 display， 等于不唠嗑呢？我们都知道不唠嗑是他自己 独占一行，也没必要再留出空间了，大家看就没有问题了。再或者呢，我们把这个 g 写上，大家看啊，我把外边这个容器的放的 size 改成零，大家看这个字母也没了， 也意味着我这个字体的大小都是零了，所以呢，他下边那部分空间也就没有了。所以我们再回到刚才那个问题， diy 没问题。我们换成凯文斯，为什么就有问题呢？因为凯文斯他默认跟图片一样，他也是默认 机械对齐的贝斯烂的，所以我们可以手动在这里把它改成 display， 等于 block 大概就没问题了。或者我们用玻璃扣 我烂，只要不用贝斯烂就行，我们用 top 也没问题。再给我找到，我把包里这个封他塞死在这里也是可以解决的。

我们把上一次课的内容给他完善一下，在这里呢，出来很多数据，右边呢，应该有个滚轮条，但是现在没有，只能通过滚动我们的滚轮实现移动，这个呢非常不友好， 我们给他加上呢我们的滚动条。加滚动条的时候呢，最好是在上面啊，给他加上一个呃，发帽空间，也就是说我们的吹杯六是在发帽空间里面啊， 法码等于法码里面呢，穿上 rot， 然后给他设置 hattyt 呢，等于三百。 然后这个方面怎么样的布局呢？跟我们下面这个布局是一样的啊，给他定位 在这三码定位， 这是添加框架啊， 框架。然后呢，我们在这个吹 v 六里面，我们调用就不调用吹了啊，调用这个方码来运行一下， ok， 这是没问题的。接下来呢，我们要添加滚动条， 那么滚动条呢，我们就在这个啊派克这个地方写，那么我们滚动条呢，叫做 spa 啊，死固等于死固 爸。然后里面呢，我们也是一样的 famer， 嗯，接下来这里有一个 offite， 也就是说他这里要呈现的方式，我们让他竖向的啊，竖向的，竖向的就是歪踢腿。 接着这里有很重要的一项，就是卡慢的， 卡曼的等于翠点 y v 六什么意思呢？就是让他竖状的显示啊，竖状的显示。这里呢添加滚动条， 嗯，接下来呢，我们要给他设置一下他的定位， 第二类似我们，那就用绝对定位好吧。 repleas 啊，这里 reax 等于，嗯，给他设置一下零点。呃，九七幺，这个东西随机的啊。这里，嗯，你自己看着设置 r y 等于零点零二八，然后呢，再设置一下他的位置 等于就是零点零二零，就是宽度吗？然后他的高度，高度的话我们来设置一下瑞尔 cat 等于这里呢零点，嗯，九五零。 接下来呢我们这个一个最转一块啊，一定要写叫做吹点扛费格， 就是设定就是我们扛这个，呃，跟我们的这个 spa 相结合啊，在这呢就叫 y 然后呢，哎， s go 啊， 好慢的，等于就是十步第二赛特，我们看他会不会爆错啊。 ok， 这一块呢爆错， 那么 oranty 是这块可能单词的错误，单词的错误 or i nt or i e ol 不是 ov 啊， ol， 好，这里还报错这里呢报的是 rer 位置 rer 位置是这里啊， rer 位置。那么我们来看一下 w i d th， 好，再看一下啊，还有一个报错是，呃，我看报的什么错啊？嗯， ys go 卡曼的 ys go 卡曼的，就是这个地方写错了啊， y s e r o l l 刷了个二， ok， 好了，那么滚动条呢就实现了，实现了之后呢，比如说我们选中最后一个是吧？点击删除，删除成功，删成功呢，他没有刷新怎么办呢？这块很好解决，我们找到 呃，上面这一行这一块的内容，这个是添加数据啊，添加数据，我们呢把它放到这个秀 绣的后面地方，绣死了，我们给他加进来，这里还需要一个 k 缩进， ok， 可以等于零，那么呢我们这吊运锈死，在这可以等于吊运锈死啊，我们来看一下他能否正常显示，能正常显示， 接着呢我们要在删除的地方找到删除的方法。蕊木，那么在这呢可练轻工之前所有选中的数据，然后呢再调用锈丝好来看一下， 在这我们呢给他失误删掉，但是呢这里有个问题，发现没有，他又给我加载了一遍，所以说呢，我需要把当前 我们的这个吹 v 六给他干嘛？清空一下啊，清空一下，清空，怎么清空呢？我们来写个函数就可以来实现了啊，来写个函数就可以实现了，那么我们在这里呢，在云木这个地方的立侧啊，我们 我们写个清空啊，可练，然后呢？可练谁呢？吹这里呢，我们传递数据吹这里呢 x 等于 脆点 get 小蟹，然后呢邱总啊，邱总，这里获取的所有的子内容啊，就是 获取到子翠的内容，然后呢我们给他放 呃 i 音 x 便利吗？便利，那么我们就吹点呃迪丽特 填，填充谁呢？填充我们这个爱，然后呢删除数据啊，删除数据， ok， 这个时候呢我们就开了 蕊木，在蕊木在调用显示之前这里方先删除内容， 删除脆里面的内容，我们也可以称之为清空， 是吧？轻功吹里面的内容。好，这里呢是纯音加载，那么我们把这两块内容呢复制一下啊，再添加呢，也会用的到， 嗯，在修改呢，也会用的到，这个呢是清空啊，清空空调内容。好， 我们来选中一个十四个是吧，我们给他删除成功，是不是没有了呀？十三，我们选择蓝啊，看好修改修改成功，这是不是蓝啊？好，我们再给他添加一个 爱我，添加爱我，这里面有没有爱我？没有是吧？好，添加，确定， ok， 爱我就成功了，那么我们这块呢，这个增产改查呢就完全实现了啊，好，清空数据，当当，我们选择修改， 修改呢，这里就有一个问题啊，修改这里就有个问题，那么这样呢？他报错是不是报错，那么因为我们这个是把它清空了啊，那么找到修改，那么这里也是一样的，那么这块呢？ 他在这啊，我们这个里面是空的，是不是？我们打印一下，打印一下这个内容， 看看这个玩意是啥啊？ 清空修改，看到没有？这什么东西都没有，对不对？什么东西都没有，那就意味着他是什么空的内容吗？空的内容 好，那么空的内容那么在哪里呢？在这他会爆错，是吧？他会爆错，那么就是这个地方我们要修改一下， 好，来再试试看， 对吧？这这就实现了，选中银行， ok， 这就好了啊，这就好了，因为这个闹跟其他的数据类型不一样，闹是没有，但是呢这是空的还是有东西还是有东西，那么我们上 面呢这个删除也是一样的，把它改成这个空的， ok， 我们这个呢就整体完善了，那么我们的添加修改删除呢？都可以实现了啊，后面呢我们可以再把它完善一下，呃，因为这块呢 我们选中，然后在下面显示这个呢是在一个窗体里面，对不对？我们后期呢肯定是需要他的子窗体，比如说选中一行点添加，是吧？弹出一个，然后然后添加完之后呢这边刷新， 还有就是呢，当我们点击哈点修改的按钮，他弹出个新窗体，那么我们后面呢就需要把这一块在一个紫窗体里面呈现就可以了啊，好，今天呢就到这里。

公众号的文章滚动条怎么做？其实很简单，像样子文章的滚动条呢，大概有这几种方式，有这种滚动之后呢，图片在滚动的，还有这种文字在滚动的，这些呢都是非常简单制作的， 我给大家举个例子。首先呢我们电脑浏览器反问键盘面素牌，然后呢在这里输入滚动，点击搜索按钮，就会看到很多的滚动素材了，我们选择我们自己合适的想要的效果啊，例如这个好了， 点击之后呢，左键点击他，他的右侧出现，然后呢就会看到滚动条了，我们在这里正常的输入文字，上传图片都可以，呃，就可以让他有那种被局限在一个宽度的 的高度的感觉，如果你对这个高度不满意的话呢，你可以按照这个文字说明把这个高度呢，可以调高，也可以调小都可以。然后排版完之后，点击复制按钮，提示内容已经复制了，我们就可以把它粘贴到公众号的文章后台了，有什么问题呢可以给我留言。

末影时滚动条自动往上跑怎么办？点击开始菜单，选择设置，点击设备，再点击鼠标，然后找到窗口右侧的，当我悬停在非活动窗口上方时，对其进行滚动，最后将下方的开关关闭即可。

打开这小伙伴的问题，我已经把他代码放到这个戴帽里了，什么意思呢？就是比如正常情况下，我们在这个固定高度的 elk 包里边新增一行，新增一行的超出表格的时候，他就会出现公众条，但是呢，注意我刷新一下， 如果我就增加两行，然后呢，这时候还没有中间滚动条，对吧？我不加了，我是在这多选几个选项，大家注意看，第一行就被称高了，对吧？ 但是呢， bug 就出现了，他没有出现滚动条，导致我现在已经滚动不到第二行了。那怎么处理这个问题呢？我们首先来判断一下他这滚动条是怎么出来的，大家看啊，我们找到这个 eartable， 就这个 eartable， 现在呢打注意是这个样式，但是呢，如果我再新增一行，打开这里边 多出一个 e r table skar table y， 我把这个属性先复制一下，然后啊，咱们再刷新一下，然后还是刚才那个操作，加两行，然后多选几个选项，把它撑高，这时候没有出现滚动条，对吧？好，我们手动给这个 e r table 加一个这个样式， 大家注意在这里粘贴回车，大家看滚动条就有了，比如说 重点就在于这个 eartable skarable y 为什么没有出现，对吧？我们先来看一下 eartable 原版哈，我们点进去，大家看这里就有一个 eartable skarable y 了， 所以重点就是这个变量，那这个变量怎么来的呢？我们在这里全文搜是没有复制的，只有取值哈，所以呢，我们重点看料的，料的怎么来的？搜一下，大家，这有一个 out， 你用了一个 table layout， 所以呢，我们现场查找，在这里我们进到这个 table layout 里面啊 table layout， 然后呢，我们在这里去搜，看到他用到的这个四个二 y， 我们看在这里他什么时候负的值，这个不算四个二 y， 大家看在这里 sky y 等于他就做了个计算，是否出现这个纵向公众条。然后呢，其实这个方法，我们再去搜看这里哪里在调用这个方法，这有一个，这是声明这又回来了，所以也就这一个地方在调用 sky y 什么地方呢？ 这个 update else had， 然后我们再回过头看一下 eartable 元马里哪里在调这个，大家看这有一个 do layout， 那什么时候再调用 do layout 呢？我们再去搜 这里 create 不算 monte 的也不算，我们再搜这有一个 resize listener 好， resize listener 是在什么时候绑定的呢？大家看它在这儿绑定的搬的 events， 也就说它应该是在创建的时候 打开 montage 的时候绑定的。然后呢，给谁绑定了一个 resize list 呢？就是给这个当前的容器的最外层的元素 list 点 e l， 就是这个 div， 比如说这个 div 尺寸发生变化的时候，他就会执行刚才那个 do lay out。 但是呢，我们再看这个代码哈，其实他这个 e r table 设置了一个固定的高度，也说他最外层这个容器他的高度是不变的了，所以他永远都不会触发 re 塞。 即便咱们新增了好几行，那也是在他的内部尺寸变化，这个 div 始终没有变好。那有同学可能会问，那为什么刚才新增好几行的时候他还会出现滚动条，你不是说他外部的尺寸没有变化吗？是的，那是因为啊， 他在新增一行的时候，这个数据发生变化了，他在数据发生变化的时候，他还会触发这个更新的动作。我们来看一下这部分代码，这部分代码他藏的比较深，我们就不演示他查找过程了，这给大家上结果啊，打开他调用了一个， 然后呢在这里生成了一个 star 对象。 star 对象干嘛用了呢？我们再来搜一下 star 对象啊， star 点 commit， 我们搜 commit site data， 在这里大家看 它在监听 data 属性变化， data 是什么？就是我们传进来的这个数组，然后呢，当这个数组发生变化的时候呢？它 starcommate data。 所以呢，我们来看一下这个 set data 哈，它在这里 set data 的时候，比如说当我们这个数组发生变化的时候，就是我们新增了一行或者减少一行， 他在最后会调用 this 点 update table score y。 这个 update table score y 在哪呢？我们来搜一下啊，在这里又做了一层封装，其实呢，还是在调用 table 的 update score y， 我们再回到一二 table， 在这里他还是调的这个方法。 所以呢，也就是说啊， ertable， 他考虑了两种情况，一种是我们新增一行啊，减少一行啊，他会更新这个纵向 的滚动条，包括横向的啊。然后呢，另一种情况呢，就是当外层的这个 dnv， 就是最外层的这个尺寸发生变化的时候，他也会重新去计算这个四杠啊，我们也可以验证一下，我们先把刚才的问题出现出来，先弄一个，然后呢？好， 现在已经有 bug 了，对吧？好，这时候咱们改变一下它的宽度啊，比如说我就放大一下网页，它宽度其实就变了，大家看 它里边的滚动条就出现了。好，那分析出原因之后呢？相信很多小伙伴已经有了解决的思路了。那我的思路呢？其实很简单，我们就在他这个 slack 变化的时候，我们在这印铺他，我们要想办法掉这个 table 里边的， 我们现在这写 my table， 点读 layout 这个方法就可以了。我们把 连麦 table 声明一下，我们来试一下啊，刷新一下，我把这尺寸再缩回来啊，新增一个好选，打开就没有问题了。

好，我们上节课讲到了，这个消息怎么发送啊？是吧？我发一条消息，发完之后，发完之后我发现一个曲就是有一个问题，就是我们这个滚动条消息在最下面，滚动条他没有自动滚动。好，这滚动条我们怎么处理呢？其实也非常简单，我们可以看一下， 我们找一下这个元素啊，就看一下他的原码啊。首先这滚动条是在哪里啊？滚动条这个我们定的 id 是吧？或者是克拉斯，我们通过这个克拉斯控制滚动条啊。 ok， 我们继续回到这个发送事件，发送事件。好，然后我们在这里是吧？我们用多会门头点号。 呃，选中，选中这个元素是吧？选中这元素，然后我们再 的滚动条移动一下。 score， score two 啊， score 移动啊，移动多少呢？ x 轴的话我们就不动它啊， y 轴的话我们就移动大一点，反手移动，移动个一万像素。 ok， 我们再试一下啊，发送发送发送发送发送。 哎，这移动的好像是哦，插着空的， 再发一下啊，空的话应该是不不允许发送的啊，这个来做判断一下啊，这是我们在这里制作的判断啊。啊，如果说啊，如果说你这个是 就是输的内容是吧？没有，是空的，是空的，然后我们就返回，我也不给他提示啊，我就直接返回让你发，发生不了。 ok， 方向表是吧？好有裂纹再放小啊，这个面条好像没有动啊，是空了就，嗯，没有动，我看看什么原因啊。 呃，然后教大家一个技巧啊，就是这个元素，我们选中完之后啊，就这个元素嘛，我们看一下啊， f 六， 然后我们用这个多少符号零啊？多少符号零的话，就相当于表示我刚刚选中的元素 动作，元素动作不好听，然后我们看一下这里面最大的函数十 cor， 嗯，杠一千， 哎，那我用用这个十块还是有用的，那我就用这个十块函数吧，就是可以测试一下这些函数啊，实在不行就直接问一下 ai 或者百度看看一下。哎，我们再输一下， 哎，好像还是没有反应啊。 我们再说一下这个 for x y x y， 我们来跟他炫耀玩吧， 就是我们等这个页面炫耀完之后再去移动它， ok， 这样没问题了 啊，刚刚是什么原因？原因呢？就是因为我们这个聊天列表里面数据他是添加了啊，他添加完之后，我们这个页面他是渲染的话，他是需要一定的过程的，他要他要等待。 然后呢我们如果说先执行这个函数的话，也就是说我们页面还没确认好，你就开始移动火葬条，呃，所以说就是 就是，就比如说我们加了条数据，他没事了你，你移动滚动条，你滚动条他还没出现，你就移动了一丢丢，是吧？一动不动。比如说你等他下载完之后，是吧？就就是下面内容都都有了，你再再去移动啊，这样的话我们就可以达到我们的运气效果啊。这一块大家一定要注意啊，就是我们一个一个，这个 就是等待啊，等待渲染结束 再去移动滚动条，这是一个细节上面的东西啊， ok， ok。

我们看一下在 wps 当中如何设置，比如说时间年和月这样子，有一个， 有一个那个上下的一个箭头，可以自动的进行一个调节的。然后我们看一下在这个开始菜单，然后里面，然后这后面有一个插入，插入的话我们找到最后面有一个窗体 方体，我们看一下这里面有很多很多的空间。然后我们找到一个微调，就是他只有一个上和下的两个箭头，我们找到一个微调，然后在这里面画一个适当的一个大小，然后这个也是可以移动的，然后当箭头变成这个方向的时候， 变成十字架的时候，他是可以移动的，可以进行调整，然后变成这样的话可以拖拉，然后设置他的大小，那也可以进行一个右击，右击的话我们找到这个指定红，这些东西我们就不看了，这个可以在学习 vb da 的时候再看。然后这边有一个设置对象，设置对象里面我们看一下啊，呃，有设置的，他他的大小就是高度、宽度之类的，我们这个也不调整，这个可以手动调整就可以了。这个的话 你看一下对象的位置，他的大小是固定的，然后随单元格的变动而变动，然也然后也是可以打印的，这都是可以调的。然后这边还有个控制，控制的话当前值，我们当前值的话可以输入二零二三， 然后这里面有个最小值，最小值的话我们可以输入两天，最大值的话是三千，因为这代表的是年份不同的话就是一。 然后这边还有一个单元格的链接，单元格的链接的话，我们就是设设置这个单元格就可以了，你看一下它自动锁定的是 b 三，而且它是一个呃，绝对的一个引用。然后这这个时候我们按一下确定， 然后在旁边单击一下就可以了，然后我们看一下按一下，那比如说你上下就是年份不停的按， 然后下面的话就是可以和表格可以进行一个联动。如果是月份的话，月份也是同样的是在插入里面，然后在这个窗体里面，然后找到这个微调框，这样子同样的进行一个操作就可以了。然后右击右击找到设置对象，然后控制 控制这里面当前值的话我们可以输十二，因为现在的话是十二月份，然后最小值的话是一最大值的话我们输入十二，因为一年只有十二个月吗？然后确定一下，这样然后在旁边单击一下就可以了。 啊，这个这个刚才有一个地方弄错了，然后我们重新再设置一下，在这个里面单元格设置里面要选定一下 b 四这个单元格，然后这时候 确定，然后就可以那到十二就行了，然后的话是一二三四五这样子的话就可以设置一个年份。比如说你在做其他表格的时候，就可以把这个部分，然后加入到你的表格当中，可以让年月日进行一个联动的一个显示。 还有这个的话是插入，然后的话你还可以在这个功能区里面我们可以找到一个开发工具，开发工具的话这里面也是有一个表单空间的，你看这里面有一个这样子的， 我们可以画一下他这里面是有数字的，你就是说在这个里面的话可以进行设置对象，然后可以看一下他，呃，我们按 啊分类来看一下，然后这个位置就不开了，然后位置滚动，滚动的话是，呃，这里面有一个，呃，看看这里面吗？这里面有一个是十毛钱的，十毛钱这个可以和刚才那个一 意思是一样的，就是一个不长，或者是说是一个改变量，然后这里面有一个最大值，最小值，还有他他的背景颜色，这个是可以调背景颜色的啊，八个八个卡了，就是背景颜色的意思，我们可以随便调一个背景颜色，然后这里面还有一个字体，字体的话也是可以调整的， 里面自己可以调整。然后高度啊，这些东西都是可以调整的。左右宽度，还有呃，关联的，关联的那个单元格，关联单元格像这个里面已经有这个数值了，我们可以不用选他，然后最大值，最大值的话我们可以选。 呃，可以选择三千，然后的话命是最小值，最小值的话可以输入下是两千，两千。然后的话在这边按这个时候，然后这里面你看到没有？这里面在编辑模式状况下，他是 是，呃正在设计模式啊，我们点击一下，然后退出模式，退出模式我们按一下就是不停的上下左右按就可以了， 然后如果想要继续改变一下，因为觉得他有问题继续改变的话，可以再点击一下，然后再选中他之后再右击，右击的话我们可以看到看一下这里面是不是有什么错误。这里面刚才设置的最大值是三千， 然后设计的是最小值，是最小值是两千，然后我们这里面还有一个是值， 一个值是这个，这个的话我们可以设置为二零二零二二当前的年份，我们这时候再看一下，然后这时候退，退出他这个模式，然后往上调，往下调这个这个的话就是可以这个的话就比刚才这个，嗯，稍微多一点，其他的可以选择的比较比较简单。 这个这个开发工具如果要是没有的话，你可以在文件选项里面，然后找到文件选项，在下面有个选项，选项的话还要自定义功能区，自定义功能区你们可以找到所有选项卡，所有选项卡如果没有的话可以在这边这边有一个打印工具，然后点击一下他，然后进行一个添加， 添加就可以了。如果要是没有其他的菜单，然后你也可以去呃，在这里面搜索看有没有，如果搜索不到的话可以进行一个呃所有的命令进行一个检索，就所有选项卡进行一个检索，检索找到了之后进行一个添加就可以了。这个的话就是 在不借助，在不借助未必红的情况下，然后可以做一个表单的设计，好了，就是这样，拜拜。

在网页中这种滚动条是如何实现的？今天跟大家聊一下这个滚动条出现的原理，能帮助到大家的话可以点赞关注一下，感谢大家的支持。 首先说一下这个滚动条为什么会出现，本质原因是这个盒子里面的东西太多了，而这个盒子的宽高又被限制了，导致内容超出了这种，可以想象一下，我们在代码中模拟一下这种情况， 先写一个 div， 用这个 div 表示盒子，然后把它的宽高设置成四百像素，再给它加一个边框，在网页上看一下它的一个大致尺寸，然后插入一张图片， 把这个狗子放进去。这些都是用我们之前说过的属性和标签，不清楚的朋友可以上我主页看看之前的分享。我们回到页面上可以看到这里狗子已经把我们的盒子蒙坏了，只能看到这两个边框还在， 其实和视频里面一样，盒子的边框其实都在的，只是被狗子给压住了，所以这里需要用到一个属性来兜住这个狗子，这个属性是 overflow， 是用来控制内容溢出的。我们先给他设置一下，这里我设置成嗨的，表示超出的内容给他隐藏掉，类似于把多的内容给打掉了，是有一点点过于残暴，所以这里我们可以设置成四个二表示，将多处的内容设置成滚动，这时候我们再看一下， 一眼看上去的时候和之前一样，但是我鼠标在这里是可以滚动的，这就是滚动条的实现了，可以看到右边和下边都有对应的滚动条， 这里的值还可以设置成凹凸表示自动的意思，当然这个属性也是一个复合属性，可以分别设置横向和纵向的溢出。比如这里可以给他设置两个值，一个设置成 sql， 一个设置成黑的。我们再看一下效果，当我横 像滚动的城市没问题，当我纵向滚动的时候，他已经失效了，因为纵向的是射成黑的。他也可以设置成 ovflox 和 ovfly， 分别设置横向和纵向的，感兴趣的可以尝试一下，别忘了关注我。