滚动条 | 易学教程

iOS 11 下 UICollectionView 出现滚动条被 HeaderView 遮挡的问题

阅读更多关于 iOS 11 下 UICollectionView 出现滚动条被 HeaderView 遮挡的问题

iOS 11 下 UICollectionView 出现滚动条被 HeaderView 遮挡的问题在使用了 - collectionView: viewForSupplementaryElementOfKind: atIndexPath: 的 UICollectionView 页面中，滑动页面的时候滚动条会被 HeaderView 遮挡。导致滚动条看起来是断断续续的。问题页面如下图所示（查看滚动条）：以上问题具体是否与使用了 - collectionView: viewForSupplementaryElementOfKind: atIndexPath: 有关目前还不确定，待验证。这个问题在之前的 iOS 10 上是没有的，iOS 11 新出之后才出现。经过在 stackoverflow 上查找之后找到解决办法。 https://stackoverflow.com/questions/46694144/scrollbar-incorrectly-appears-underneath-uicollectionview-section-header stackoverflow 中提供的是 swift 中的解决办法，我自己则使用的是 Objective-C。提示：解决这个问题只是更改了继承自 UICollectionReusableView 的自定义 HeaderView

iframe标签（页面嵌套）

阅读更多关于 iframe标签（页面嵌套）

原文: http://blog.gqylpy.com/gqy/442 置顶：来自一名75后老程序员的武林秘籍——必读（博主推荐）来，先呈上武林秘籍链接： http://blog.gqylpy.com/gqy/401/ 你好，我是一名极客！一个 75 后的老工程师！我将花两分钟，表述清楚我让你读这段文字的目的！如果你看过武侠小说，你可以把这个经历理解为，你失足落入一个山洞遇到了一位垂暮的老者！而这位老者打算传你一套武功秘籍！没错，我就是这个老者！干研发 20 多年了！我也年轻过，奋斗过！我会画原理图，会画 PCB，会模拟，会数字！玩过 PLC，玩过单片机，会用汇编，会用 C！玩过 ARM，比如 PLC，STM32，和时下正在起飞的 NXP RT1052！搞过 DSP，比如 TMS320F28335！搞过 FPGA，不管 Xilinx 还是 Altera，也不管是 Verilog 还是 VHDL，或者直接画数字电路图！我懂嵌入式系统，比如 uCOS 和 Linux！我懂开源的硬件，比如 Arduino 和树莓派!我也搞软件，学了一堆上位机的语言C#，JAVA，Python，Kotlin，Swift！会写爬虫工具，又自学写APP，不管Android 还是 IOS！可是这一切有什么用呢？土鸡瓦狗！不值一提！干技术的永远就是最苦逼的那个人！我相信看到这里的你，应该是个 IT

原生JS实现滚动条

阅读更多关于原生JS实现滚动条

原生JS模拟滚动条求滚动条的高度可视内容区的高度 / 内容区的实际高度 = 滚动条的高度 / 滑道的高度求内容区top的值内容区距离顶部的距离 / (内容区的实际高度 - 可视内容区域的高度 ) = 滚动条距离顶部的距离 / ( 滑道的高度 - 滚动条的高度) 使用onmousewheel做好兼容处理 document.onmousewheel = function (e){ // e.wheelDelta < 0 //(-120) 向下 // e.wheelDelta > 0 //(120) 向上 } //兼容 Firefox document.addEventListener('DOMMouseScroll',function (e) { // e.detail > 0 //(3) 滑轮向下滚动 // e.detail < 0 //(-3) 滑轮向上滚动 },false) 滚动条的运动方向跟内容区的运动方向相反当滚轮向上运动时 --> 内容区向下运动当滚轮向下运动时 --> 内容区向上运动举个例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

页面重新加载后滚动条位置不变

阅读更多关于页面重新加载后滚动条位置不变

监听滚动条事件

阅读更多关于监听滚动条事件

今天遇到需要监听滚动条事件的问题，本来以为是一个简单的监听就好了，哪成想，这么多bug，说到底还是自己基础不扎实，所以趁现在下班没事把它记录下来。以备后续所需，哈哈。（1）首先是最基本的监听事件 methods: { handleScroll() { const top = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; //兼容不同的浏览器 console.log(top); if (top > 100) { // console.log("大于"); } } }, mounted() { window.addEventListener("scroll", this.handleScroll); //监听滚动事件 } （2）但是！他就是不出来呢，一开始咱也不知道啊，后来又是百度又是查资料的，说是监听时需要三个参数于是》》》 mounted() { window.addEventListener("scroll", this.handleScroll, true); } //后面的 true 则是第三个参数　然后就可以出来了（下图便是）（3）然后！重点来了，因为做的是手机端吗，为了他的滚动流畅度，于是就给页面最大的容器加了“overflow: scroll

datagridview 滚动条拉不动

阅读更多关于 datagridview 滚动条拉不动

ScrollBars ---- both 滚动条拉不动改为 Vertical 只使用一个方向的滚动条正常来源： https://www.cnblogs.com/netdbo/p/11394846.html

【分享】将滚动条保持在最底部的方法

阅读更多关于【分享】将滚动条保持在最底部的方法

自己闲来想写一个聊天的网页，但是写到聊天对话框的时候遇到了滚动条不下去的问题，谷歌了好久，都没怎么达到预期想要的，最后还是解决了，抓紧记录一下界面呢大概就是这样（虽然很丑，凑合看吧），逻辑自然也是按回车键或者点击发送的时候滚动条要跟着最新的消息显示看代码在插入的地方加上这一行就解决了，搞了好久大概就是这样，哪里不足欢迎指正来源： https://www.cnblogs.com/michaelcnblogs/p/11392646.html

自定义滚动条mCustomScrollbar

阅读更多关于自定义滚动条mCustomScrollbar

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件，它可以让你灵活的通过 CSS 定义网页的滚动条，并且垂直和水平两个方向的滚动条都可以定义，它通过 Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持，并且在滚动的过程中，还可以缓冲滚动使得滚动更加的平滑，还可以自动调整滚动条的位置和定义滚动到的位置等。(HTML必须存在于文档流, 不能为display:none) 1.如何使用 mCustomScrollbar(必须要加载如下的4个文件) jquery.mCustomScrollbar.js jquery.mousewheel.min.js jquery.mCustomScrollbar.css mCSB_buttons.png jQuery：这个插件的必备库 jQuery UI：扩展 jQuery 库并且为我们的滚动条提供了简单的动画和拖动功能。 jquery.mousewheel.min.js：这是 Brandon Aaron 编写的一个伟大的只有2kb的插件，它面向所有的操作系统和浏览器，为我们提供了鼠标滚动事件的支持。 jquery.mCustomScrollbar.js：这是我们的插件主文件。在插件包的 minified 你可以找到它的压缩版。 jquery.mCustomScrollbar

响应式，移动端,摘要

阅读更多关于响应式，移动端,摘要

一，第一课<br/> 1.什么是响应式可以用一套代码，来适应多种设备，让用户达到更好地访问效果 2.流程 1600==>一个页面 800==>另外一个 480==>另外一个页面问题 1》开发的时候选择哪个宽度写代码 1》看情况处理 2》首选什么浏览器进行开发（兼容到什么地步） 1》55%谷歌 2》5%ie 3》范围值应该是多少大于800==》1600 480-800==》800 小于480==》480 二、第二课<br/> 4》谁负责切图 UI懂H5 H5懂UI 5》还原度不太能还原的特别极致 6》开发项目前最重要==》沟通三、第三课<br/> 7》项目木步骤 1.html 2.css 3.JS(特效) 8》响应式图片 img srcset==>缓存 picture==>解决本身srcset的问题，但是不兼容IE8或者ie8以下 svg 解决响应式图片终极版 9》网址 ehcto.ehcto.com 四、zepto(JS库)<br/> jquery.js ===》PC zepto.js ===》移动端(轻量级) 相同点： api几乎差不多一样不同点： 1》事件不同 2》体积大小不同 *******注意：在移动端页面中使用click事件会有300毫秒的延迟 click===>tap swipeLeft, swipeRight, swipeUp, swipeDown 五

Unity基础篇: UGUI中的Slider,Scrollbar总结与区分。（不是原创）

阅读更多关于 Unity基础篇: UGUI中的Slider,Scrollbar总结与区分。（不是原创）

Slider（滑动条）：是一个主要用于形象的拖动以改变目标值的控件，他的最恰当应用是用来改变一个数值，最大值和最小值自定义，拖动滑块可在此之间改变，例如改变声音大小。 Scrollbar（滚动条）：是一个主要用于形象的拖动以改变目标比例的控件，他的最恰当应用是用来改变一个整体值变为他的指定百分比例，最大值1（100%），最小值0（0%），拖动滑块可在此之间改变。（例如查看txt文件时右边的滚动条）一、Slider组件 Fill Rect(填充矩形)：如果用做进度条（显示任务进行进度）的话，这个属性是比Scrollbar多出来的一个优势。（参考王者荣耀更新到50%时候，50%之前的颜色和50%之后的颜色不一样）。 Handle Rect（操作条矩形）：滑块。（可自由更改滑块以及填充图片） Direction（方向）：滑动条的方向，从左至右，从上至下还是其他的。 Min Value(最小值)：滑动条的可变化最小值。 Max Value（最大值）：滑动条的可变化最大值。 Whole Numbers（变化值为整型）：勾选此项，拖动滑动条将按整型数（最小为1）进行改变指定值。 Value（值）：当前滑动条对应的值。 On Value Changed：值改变时触发消息。二、Scrollbar组件： Handle Rect（操作条矩形）：当前值处于最小值与最大值之间比例的显示范围

订阅滚动条