是我的内容太大了，还是为什么我可以向下滚动？

您可以向下滚动是因为页面内容超出了可视区域的范围，需要通过滚动来查看全部内容。这是常见的网页设计和浏览器功能，以便在有限的屏幕空间内展示更多的信息。

相关·内容

线程池为什么可以复用，我是蒙圈了。。。

一、线程池状态 ---- 首先我们要明确线程池的几种状态 1. RUNNING 这个状态表明线程池处于正常状态，可以处理任务，可以接受任务 2....SHUTDOWN 这个状态表明线程池处于正常关闭状态，不再接受任务，但是可以处理线程池中剩余的任务 3....TERMINATED 线程池彻底终止状态他们的状态转换图如下 ? 好了，知道了线程池的几种状态和他们是如何转换的关系之后，我们来看一下当我们提交一个任务时，线程池到底发生了什么？！...，线程复用的秘密肯定藏在了addworker里，哦对我没有头发我们再来看一看他里面有什么鬼三、addworker源码 ---- private boolean addWorker(Runnable...this.firstTask = firstTask; //通过创建一个线程，传入的this是woker自身 worker继承了Runnable 那么这个线程在t.start

5062 0

Pad居然可以写代码了？研究完我惊了，居然是中国创业公司的产品

就在今年的苹果WWDC上，最突出的就是iPad终于能写代码了，支持Swift语言，还不能写Python、C++…… 但即便如此，你要说还有主打移动端的操作系统能掀起波澜……我是不信的。...装上键盘可以写代码，拆下键盘能运行游戏。绝对得是生产力工具。...无论是苹果还是安卓，现有平板都不能很好满足程序员写代码的需求。而JingOS，切入的正是这个地带。...但有意思的是，这满打满算都已经在海外技术群体里火了大半年的公司，还是搞操作系统的，怎么国内一点动静没有？于是我们顺藤摸瓜扒了一扒。...另一个是工商信息，JingOS看起来已经获得了数千万金额的首轮融资，而且还是来自一家以技术和硬科技标签知名的VC。有个大胆猜想，不知道对不对。如果你知道点内幕，也欢迎爆料说说。

8381 0

接手了一座年收入 2000 万美元的代码“屎山”，我到底是该重写还是该跳槽？

作者 | Tina 近日 Hacker News 上有一则帖子热度非常高，其主题是：我接手了一份极其糟糕的代码和一支技术团队，接下来该怎么办？...而且代码拖成这样，是不重视工程文化的表现，遇到这种情况，如果我还是一位年轻人，可能会留下来并试图成为无名英雄，但现在我年纪大了，我对这种愚蠢行为嗤之以鼻。”...“如果不知道为什么，那么就算从头重写，也有可能导致新系统比旧系统更糟糕……”lumost 举例说，“我曾在一家广告技术初创公司工作，当收入达到约 1 亿的时候，公司更换了技术团队。...所以，一些网友认为，在有每年 2000 万的收入的条件下，进行完全重写是不应该被考虑的事情。但是贴主可以使用一些严肃的技能，做一些风险系数小的改变：比如 Fork 分支，小增量的推出更多的功能。...3 建议三：如果不能完全重写，那还是赶紧跳槽吧典型的建议是永远不要重写，但也许重写会让问题变得更简单。

2581 0

Bootstrap滚动监听不用offset实现向下偏移

Bootstrap的滚动监听还不错，可以监听滚动事件，实现导航栏的.active切换。...Bootstrap滚动监听中文文档：http://v3.bootcss.com/javascript/#scrollspy 我就不在此赘述了。...但是我发现一个问题，如果把 nav 用 .navbar-fixed-top 顶部固定，给 body 一个 padding-top: 50px，锚点设置在“微信”和“支付宝”上面，点击或者滚动滑轮，锚点还是以浏览器顶部为准...尝试给锚点元素添加 Padding-top: 70px，可以解决 nav遮挡问题，但是上边距太大很难看。 ? 又尝试给锚点元素添加了一个 margin-top: -50px，结果如下。 ?...这个偏移问题困扰了我2、3天，找了很多资料也没有一个好的简单的解决方案。做后想出了这么一个方法，先设置内边距把元素撑开，再设置 margin值缩小元素之间的距离。

1.9K0 0

【兼容性】H5滚动穿透解决方案

3部分 1、什么是滚动穿透 2、为什么会滚动穿透 3、怎么解决滚动穿透 4、碰到的问题什么是滚动穿透大家肯定不陌生了，做移动端开发的，肯定都碰到过，比如我明明滚动的是弹窗，但是底下的 document...却在滚动不说这么多，直接看 为什么会滚动穿透首先，这不是一个bug，这是一个合理且正常的表现阅读了官方的文档之后，我也是理解了好久 https://www.w3.org/TR/cssom-view...overflow属性监听回调设置了 preventDefault 已经滚动到底端或顶端 为什么会觉得这个这个行为是合理性，我的理解是用户产生滚动行为，浏览器就必须要响应这个行为，产生滚动的反馈，这才是正常的...尽可能响应，滚动一切当前操作可以滚动的元素只是当把元素设置了 fixed 之后让人感觉是个bug，浏览器没有必要对 fixed 元素做特殊处理，两个不相关的东西，不可能耦合起来怎么解决滚动穿透我们理解了滚动穿透的原因之后...，这样就可以避免页面的跳动，但是直接给 html 设置 absolute 风险太大，容易埋坑，不太建议大项目使用，小应用还是可以的，我在需求的小活动页7就使用过这种方式 5禁用页面滚动除了在 css

5.3K2 0

Ubuntu下安装Samba让Windows访问你的文件

不管你是一个新手还是精通Ubuntu和Windows的大牛，让Windows访问Ubuntu文件的最好的方式都是使用Samba。通过许多第三方工具可以很轻松的安装和管理。...我们尽量将这篇教程写得通俗易懂，以便让新手看懂而不会遇到太大的困难。在这里我们不会太注重了解Samba是什么或者怎么将它配置加入域这类细节。...如果你想要更多的了解Samba，我建议你Google一下，或者查询下Wikipedia。首先在Ubuntu下打开你的终端，然后运行如下命令安装Samba和其他相关的工具。...它应该是这样的： security = use 然后，向下滚动文件，找到下面这行，同时取消行首注释。...[homes] 这将会允许用户访问访问home目录中的文件夹及文件。比如说，如果你取消注释了[homes]，用户可以通过键入服务器名加用户名的方式访问home目录。

2.4K0 0

我如何用一行Css代码使谷歌浏览器的数据网格滚动快10倍

您还可以检查哪些外部网站链接到您的页面，当我浏览"顶部链接网站"页面时，我注意到了主要的滚动滞后。当选择显示较大的数据集（500 行）而不是默认的 10 个结果时，就会发生这种情况。...因此，我打开并开始录制，向下滚动列表一点，然后停止录制。...对于我的场景，它看起来像这样： More tools / Layers 铬 DevTools 中的"层"面板，层层内容一直向下它没有那么多的层，但它确实有几个巨大的。...他们似乎一直有内容，导致结论是，谷歌使用的数据网格不使用虚拟渲染。这解释了它的一部分，但500行仍然不是那么多。肯定还有更多......第 4 步 - 检查 DOM 不幸的是，DOM 在包含许多元素时不是很出色。如果是这样，则不需要在网络上各种流行的 JS 数据网格中实现虚拟化技术。在这一点上，一个有根据的猜测是，表呈现了很多元素。

2.1K1 0

滚动穿透的6种解决方案【已自测】

这个经典八阿哥也是面试时经常会被追问的问题。相信能看到这篇文章的你，已经是遇到了这个问题。我就不gif展示问题效果了。...接下来我网罗了网络，整理了别人说的方案和我自己的方案，一共实现了六种方法，并经过了自己手机自测。各方法操作难易不同，分别针对弹层和body是否超出一屏可滚动等不同情况。看官可以对症下药。...1、（需满足）弹层内容不需要滚动解决方案：当弹层出现的时候不需要再禁掉body的滚动效果了，我们可以从弹层方面入手，阻止弹框的touchmove事件的默认行为。...、后期touchmove里边获取每次的e.targetTouches[0].clientY与第一次的进行比较，可以得出用户是上滑还是下滑手势。...同理，如果手势是向下滑，并且当前滚动高度为0说明当前展示的已经在可滚动内容的顶部了，此时再次阻止默认事件即可。两个判断条件可以写到一个if中，用 || (或)表示即可。

13.5K3 1

一个快速的 Vue3 无限滚动组件

无限滚动组件是在用户向下滚动页面时加载新内容，而不是将其分成多个页面。它们对于特定类型的内容（例如用户生成的内容）非常有效。以下是无限滚动的示例。...现在，让我们一起来看看这个组件的实现过程。 为什么还要使用无限滚动组件？我们都见过使用无限滚动来显示其内容的网站的示例，但是什么时候使用它，它的效果会比使用典型的分页系统更好呢？...你可以阅读我之前分享的一篇文章《无限滚动与分页哪个用户体验更好？如何正确使用它们》，在这里，我只简单的总结一下它们的有缺点。...那么，现在让我们继续进行激动人心的部分：无限滚动！ 4. Vue3 无限滚动现在我们已经完成了所有设置，当用户向下滚动到内容底部时，我们可以开始加载更多数据。...当我们向下滚动到当前内容的底部时，应该会自动加载新内容。让我们看看我们有什么。无限滚动组件的可能扩展这只是创建Vue3无限滚动组件的介绍。有很多不同的方向可以改进它。

2.1K2 0

Android 三级NestedScroll嵌套滚动实践

() 和 onTouchEvent() 这对方法实现就可以了。...或许你会问 fling 为什么不能选择 Parent 和 Child 都作用，事实上你可以，但 fling 的话 Parent 没法告诉 Child 消费了多少，剩下多少，因为 fling 传递的值是速度...上面简单介绍了 NestedScrolling 2 和 1 的区别以及为什么要使用2。...向下滑动列表时在展开 AppbarLayout 之前先展开搜索框。列表没滑动到顶部时可以通过触发一定速度的向下 fling 来展开搜索框。...二级嵌套滚动可以理解为给 Parent 提供了拦截 Child 滚动事件和处理 Child 剩余滚动事件的能力，具体逻辑可参考本文最开始介绍嵌套滚动的部分。

1.5K3 0

分享一波好用的工具

这你就大概明白了为什么人家的微信公众号排版那么好看，就是使用了这个网址上的模板，写完 markdown 后几乎不用再做编辑（直接复制上去）即可生成好看的页面排版。...+ <- 鼠标定位到左边的空白处； ctrl + 向上键向上滚动滚动条； ctrl + 向下键向下滚动滚动条； shift + <- 按着不放时，会一直向左选取文本，直到选取完，或者松手。...使用画图缩小图片大小有时候可能需要上传个人照片，但是图片太大，如何减小图片大小呢？这里可以使用 Windows 自带的画图工具进行缩小。步骤如下：首先，使用画图打开图片； ?...但是后来我还是把它卸掉了，原因是拖慢电脑运行速度。Windows 提供了 Windows 安全中心，难道不应该相信这个软件可以管理好你的电脑吗？如果一个操作系统处处有安全漏洞，那他还会那么受欢迎吗？...tab键 Windows 上的 tab 键可以多次切换，而在 Linux 中，如果匹配的比较多，他会把匹配到的内容输出到下方，让你再次自行选择。因此，我觉得 Windows 做到还是不错的。 ?

1.5K2 0

医疗数字阅片-医学影像-Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。_.throttle(func, , [option

看下滚动事件的例子：当使用触控板，滚动滚轮，或者拖拽滚动条的时候，一秒可以轻松触发30次事件。经我的测试，在智能手机上，慢慢滚动一下，一秒可以触发事件100次之多。...这么高的执行频率，你的滚动回调函数压力大吗？早在2011年，Twitter 网站抛出了一个问题：向下滚动 Twitter 信息流的时候，变得很慢，很迟钝。...John Resig 发表了一篇博客解释这个问题，文中解释到直接给 scroll 事件关联昂贵的函数，是多么糟糕的主意。...节流阀实例无限滚动用户向下滚动无限滚动页面，需要检查滚动位置距底部多远，如果邻近底部了，我们可以发 AJAX 请求获取更多的数据插入到页面中。...我们心爱的 _.debounce 就不适用了，只有当用户停止滚动的时候它才会触发。只要用户滚动至邻近底部时，我们就想获取内容。使用 _.throttle 可以保证我们不断检查距离底部有多远。

2.4K2 0

实现pc端鼠标滚轮缩放图片的步骤

获取鼠标滚动方向阻止了鼠标滚动的默认事件之后，我们就要开始进入正题了。获取鼠标滚动的数据进行图片缩放，其实主要就是获取鼠标滚动的方向，向上滚动就放大，向下滚动就缩小。...据搜索得知，事件参数中，代表鼠标滚轮滚动方向的参数为e.wheelDelta，我们可以打印一下 scrollFunc(e) { // ......console.log(e.wheelDelta) } 经实践可得，当鼠标向下滚动时候，打印参数为-120，向上滚动时候为120，至于这个120跟什么有关，为什么是120，我就不知道了，不过跟今天的目标没有关系...，我们只需要根绝他的正负来获取鼠标滚动的方向就可以了。...，感兴趣的朋友可以直接下载源代码进行阅读，插件已经适配了移动端，所以里面也有移动端双指缩放的解决方案。

2.2K3 0

导航栏滚动吸顶并自动高亮和点击跳转锚点

我这次采用的是react来写，具体思路都是相同的，无论你用的是vue还是angular 还是使用jq还是原生js，都是一样的。...这样我们就实现了通过滚动条来控制导航栏高亮的效果了，接下了我们要实现的便是点击导航栏自动定位到其所在内容。...isToTop = false;//点击锚点时滚动条是向上还是向下 //导航栏点击事件 function navClick(id){ let groupList =...(); //判断导航内容是在可视区域上方还是下方，来决定滚动条是应该向上滚动还是向下滚动 isToTop = outerItemReact.y > 60;...，并超过导航栏位置自动吸顶效果，同时点击导航栏滚动条缓动至锚点位置，实现的最终效果可以看阿里云市场详情页中的效果，比他显示的效果多了滚动条缓动效果。

10.3K4 0

自定义手机壁纸_ios怎么自定义动态壁纸

这就是为什么我更喜欢基本的抽象壁纸7制作漂亮的抽象Android墙纸的最佳应用程序7制作漂亮的抽象Android墙纸的最佳应用程序为什么可以在几秒钟内用这些应用程序创建自己的Android设备时下载预制背景...对于初学者，请跳过第一组选项，然后向下滚动到“纯色基础颜色选项”，在其中您可以通过几种不同的方式找到所需的颜色。选择颜色后，您可以点击对勾以应用纯色墙纸。...但是，如果您更喜欢使用我建议使用的图案，请向上滚动至“效果层选项”。首先点击“选择效果”以探索数十种图案，包括散景，织物，垃圾，旧纸和水珠。您可以在应用的付费版本中解锁更多模式。...如果您有其他来源的图片，则需要确保先将其保存到设备中。准备好图像后，进入FreshCoat并向下滚动到“自定义基本图像选项”部分。...充分利用台式机的5个想法人们喜欢台式机！无论您使用的是Mac，Windows还是Linux计算机，桌面都是一个开放空间，并非由刚性结构预先定义。

2.2K2 0

不再迷惑，也许之前你从未真正懂得 Scroller 及滑动机制

才提供了滚动机制，正因为有了滚动，内容才能够在有限的空间被延伸，这是一种很棒的交互体验。...所以这种情况下，我们可以这样归纳：ScrollView 滚动针对的是内容，记住是内容。因为 ScrollView 和 TextView 本身尺寸和位置并没有发生变化，只是文本的显示区域进行了位移。...综合上面两种情况，我们可以给出一个结论：对于一个 View 或者 ViewGroup 而言，滚动针对的是它的内容，View 的内容体现在它要绘制的内容上面，ViewGroup 的内容相当于它的所有子...因为一个 View 的显示区间并没有因为滚动而发生偏移，所以内容区域位置的偏移，往往会让人混淆方向，这到底是算向左，还是向右呢？是向上还是向下呢？...还是没有明白吗？我大概知道为什么，可能是你混淆了手指滑动方向和内容滑动方向。手指向左滑动，内容将向右显示，这时 mScrollX > 0。

1.4K1 0

总结Linux 6种日志查看方法

1、tail 这个是我最常用的一种查看方式命令格式: tail[必要参数][选择参数][文件] -f 循环读取 -q 不显示处理信息 -v 显示详细的处理信息 -c 显示的字节数...行记录(最常用的) 一般还会配合着grep用，例如 : tail -fn 1000 test.log | grep ‘关键字’ 如果一次性查询的数据量太大,可以进行翻页查看，例如: tail...cat其他参数参考tail 4、more more命令是一个基于vi编辑器文本过滤器，它以全屏幕的方式按页显示文本文件的内容，支持vi中的关键字定位操作。...more名单中内置了若干快捷键，常用的有H（获得帮助信息），Enter（向下翻滚一行），空格（向下滚动一屏），Q（退出命令）。more命令从前向后读取文件，因此在启动时就加载整个文件。...行 Ctrl f 向下滚动一屏空格键向下滚动一屏 Ctrl b 返回上一屏 = 输出当前行的行号 :f 输出文件名和当前行的行号 v 调用vi编辑器 !

3.8K2 1

18个最佳的产品页面设计（上）

页面的其余部分组织的很整齐 — 内容类型，比如常见问题的答案 —大量的空白区域，简短的文案和合适的图片。无论人们查看哪个部分，都可以准确理解Square在交易过程的每个阶段是如何工作的。...你不仅可以看到冰沙的样子，还可以将鼠标悬停在主图像下方的左边预览图标上，它会向你展示用于制作此饮品的食材。向下滚动，你会看到每种成分及其简单描述。...奥利奥也为这个页面采用了独特的设计。即使饼干本身是单色的，页面也非常丰富多彩，不管是视频还是背景还是图形。奥利奥的产品页面如下 ? 7....展示了一个登山人的英雄形象，我们可以想象他穿着Fitbits，文案是“让你每天都充满活力”。当向下滚动页面时，它会通过四个快速步骤来说明产品的工作原理。...更重要的是，其中很多都是互动的 - “所有你需要的，都在一个地方”功能允许用户将鼠标悬停在不同的功能上，查看它们在Fitbit的移动应用上的显示效果。但该页面还解释了为什么这些功能很有价值。

2.5K3 0

我的“第二”编程语言

我真正开始编程是在大四实习的时候，开发主要用的是Java，Web方向。但那会公司比较小，既要学着写后端又要学着写前端，所以JavaScript用的也算熟悉。但在那会的我看来，这两者并没有太大差别。...用Python写的最多的是爬虫，比如我比较喜欢看小说，我用Python爬了N多本某网站的5星小说。在工作中也有一些特殊的场景需要用到爬虫的小知识，如果想偷懒的话。...之前同事推荐过一本书叫《代码之髓》，这本书从编程语言的衍生发展以及主流编程语言之间的对比等角度梳理了编程语言的“特性”，这些特性通常是所有编程语言必须的，不管是编译型还是解释型，也不管它是动态类型还是静态类型...比如如果我们要实现一个可以显示内容的窗口，同时希望这个窗口具有可滚动的特性。在Java中，我们一般会定义一个窗口类，然后定义一个具有滚动特性的接口来实现。...但在Python中我们可以完全可以定义一个窗口类和一个滚动类，使用多重继承来实现。那么为什么会存在这种差异呢？Java为什么不支持多继承呢？

8567 0

可拖拽gridview

，其实告诉大家，只要知道了思路就感觉一点都不复杂了，不信大家可以接着往下看看，首先还是跟大家说说实现的思路根据手指按下的X,Y坐标来获取我们在GridView上面点击的item 手指按下的时候使用Handler...item镜像到屏幕上面，触发GridView向下滚动 GridView交换数据，刷新界面，移除item的镜像看完上面的这些思路你是不是找到了些感觉了呢，心里痒痒的想动手试试吧，好吧，接下来就带大家根据思路来实现可拖拽的...} /** * 当moveY的值大于向上滚动的边界值，触发GridView自动向上滚动 * 当moveY的值小于向下滚动的边界值，触犯GridView自动向下滚动....x的机器是不存在的，但是我们可以使用smoothScrollBy()来代替上面的方法使得GridView滚动注意：很多朋友说运行在2.3的机器上面拖动的时候出现某些item无缘无故的隐藏了，笔者在写...，所以才导致本不该隐藏的item隐藏了，但是为什么运行在博主4.0的机器上面不出现问题，博主也很纳闷，现在我对其做出了修改，采用自定义Adapter，对item不采用复用的原则，虽然效率上面有点点不足，

4.8K5 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云