- 综合排序
- 最热优先
- 最新优先
- 来自专栏用户7873631的专栏
scroll
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>57-JavaScript-scroll属性</title
74020发布于 2020-10-28 - 来自专栏飞鸟的专栏
jQuery scroll
在jQuery中，scroll是一个用于处理滚动事件的方法。它可以帮助我们捕获和响应滚动事件，并进行相应的操作。scroll方法用于绑定滚动事件处理程序。 scroll方法的基本使用方式：$(window).scroll(function() { // 处理滚动事件});在上述示例中，我们使用scroll方法绑定了一个滚动事件处理程序，当滚动事件发生时， 下面是一些示例，演示了scroll方法的一些常见用法：改变元素样式：$(window).scroll(function() { var scrollPos = $(window).scrollTop( 加载更多内容：var isLoading = false;$(window).scroll(function() { if (! 实现滚动动画：$(window).scroll(function() { if ($(window).scrollTop() > 500) { $(".box").fadeIn(); } else
64010编辑于 2023-05-18 - 来自专栏小工匠聊架构
Android Scroll分析
package com.turing.base.android_hero.chapter5_Scroll; import android.os.Bundle; import android.support.v7 .app.AppCompatActivity; import com.turing.base.R; public class Scroll_Layout extends AppCompatActivity Code 关键自定义类 package com.turing.base.android_hero.chapter5_Scroll; import android.content.Context; import 在使用绝对坐标系时，也可以通过scrollTo来实现相同的效果 Code 关键自定义View package com.turing.base.android_hero.chapter5_Scroll; Scroller 重写computerScrol方法，实现模拟滑动 startScroll开启模拟过程 Code package com.turing.base.android_hero.chapter5_Scroll
1.1K20发布于 2021-08-16 - 来自专栏前端学习笔记
元素滚动 scroll 系列
1. scroll 概述 scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。 ? 2. 3.案例：仿淘宝固定右侧侧边栏 原先侧边栏是绝对定位 当页面滚动到一定位置，侧边栏改为固定定位 页面继续滚动，会让 返回顶部显示出来 4.案例分析: 需要用到页面滚动事件 scroll 页面滚动事件 scroll document.addEventListener('scroll', function() { // console.log(11)
1.5K20发布于 2020-10-26 - 来自专栏SmartSi
ElasticSearch Scroll游标搜索
游标Scroll Scroll 查询用于从 Elasticsearch 中有效地检索大量文档，而又不需付出深度分页那种代价。 Scroll 允许我们先进行初始化搜索，然后再不断地从 Elasticsearch 中取回批量结果，直到取回所有结果。这有点像传统数据库中的 cursor。 Scroll 会搜索在某个时间上生成快照。 启用游标查询，我们执行一个搜索请求，并将 scroll 值设置为游标查询窗口打开的时间长度（即我们期望的游标查询的过期时间）。 现在我们可以将 _scroll_id 传递给 _search/scroll 接口来检索下一批结果： GET /_search/scroll { "scroll": "1m", "scroll_id 游标查询每次都返回一个新的 _scroll_id。每次我们进行下一个游标查询时，我们必须传递上一个游标查询返回的 _scroll_id。 当没有更多的命中返回时，我们已经处理了所有匹配的文档。 3.
2.6K30发布于 2019-08-07 - 来自专栏快乐阿超
vue scroll事件失效
这个坑，我遇到的时候，百度要么告诉我加高度，要么告诉我用document或者ref去获取节点 可我只想用@scroll事件，于是我在到处加@scroll，在组件上加@scroll.native，在组件里的 上加，在slot中加，然后又给它们挨个加高度，没一个好使，搞的我很头大 后面我突然发现，我给加的，好像并不是实际滚动的地方，那我明白了，首先我给引用组件放入slot中的div指定了样式： .allow-scroll { height: 80vh; overflow-y: scroll; } 然后再给它绑定事件@scroll，此处如果该div下的元素高度超出了80vh，则会触发事件。。。
1.1K20编辑于 2022-08-21 - 来自专栏sktj
python scroll listbox 例子
"a simple customizable scrolled listbox component"
1K20编辑于 2022-05-13 - 来自专栏h5学习笔记
元素滚动 scroll 系列
1. scroll 概述 scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。 ? ? 2. 滚动条在滚动时会触发 scroll事件。 3.案例：仿淘宝固定右侧侧边栏 原先侧边栏是绝对定位 当页面滚动到一定位置，侧边栏改为固定定位 页面继续滚动，会让 返回顶部显示出来 案例分析: 需要用到页面滚动事件 scroll 页面滚动事件 scroll document.addEventListener('scroll', function() { // console.log(11) 他们主要用法： 1.offset系列 经常用于获得元素位置 offsetLeft offsetTop 2.client经常用于获取元素大小 clientWidth clientHeight 3.scroll
1.6K30发布于 2020-09-30 - 来自专栏WebJ2EE
【前端】：client、offset、scroll
of the entire content of an element, even if only part of it is presently visible due to the use of scroll
1.2K30发布于 2020-01-17 - 来自专栏vue的实战
better-scroll的使用
fixed; left: 0; top: 80px; bottom: 0; width: 100%; overflow: hidden; } </style> // better-scroll 开始 // 初始化better-scroll得到scroll对象时必须保证DOM结构渲染完毕， this. this.myScroll.finishPullUp(); // 上拉加载动作完成后调用此方法告诉BScroll完成一次上拉动作 }); }); // better-scroll
1K30发布于 2020-03-26 - 来自专栏静之森
虚拟列表与 Scroll Restoration
const ref = useRef() 19 useEffect(() => { 20 // history.scrollRestoration = 'manual' 21 const $scroll = document.scrollingElement 22 23 requestAnimationFrame(() => { 24 $scroll.scrollTop = cachePrevTop // console.log('top') 26 }) 27 28 const handler = () => { 29 cachePrevTop[cacheKey] = $scroll.scrollTop
1.1K20编辑于 2021-12-28 - 来自专栏Material Design组件
Human Interface Guidelines —— Scroll Views
Views Human Interface Guidelines链接：Scroll Views ? Scroll View Scroll View允许用户浏览大于可见区域的内容，例如文档中的文本或图像collection。 Scroll view也可以配置为以分页模式运行，这时scroll显示一个全新的内容页面，而不是在当前页面上移动（如红板报）。 ? 红板报 使用时注意 ·适当地支持缩放行为。 ·不要在另一个scroll view中放置scroll view 这样做会产生难以控制的且难以预料的界面。 ·一般来说，一次显示一个scroll view 滚动时人们经常做出大滑动手势，并且很难避免与同一屏幕上的邻近scroll view进行交互。
1.4K80发布于 2018-05-17 - 来自专栏腾讯IMWeb前端团队
Scroll，你玩明白了嘛？
scroll-behavior: smooth; 比如说，在文档网站里，我们常使用 # 来去定位到对应的浏览位置。 ">
A： .scroll-ctn { display: block; width: 100%; height: 300px; overflow-y: scroll; scroll-behavior 2.3 注意 1、在可滚动的容器上设置了 scroll-behavior: smooth 之后，其优先级是高于 JS 方法的。 ; 按严谨的流程来写的话，我们需要依靠 scroll 事件去不断判断 scrollTop，直至在误差范围内相等。3.9K22编辑于 2022-06-29来自专栏deepccjQuery scroll（滚动）延迟加载
延迟加载 $(window).scroll(function(){ var scrollHeight = $(document).height(); //文档高度 var scrollTop topicBoxTopHeight = jQuery('#topicBox').offset().top; var topicBoxTopHeight_show = 1 $(window).scroll
11.2K110发布于 2018-05-16来自专栏鸿蒙开发笔记ArkUI滚动类组件-Scroll、Scroller
Scroll 作为可滚动的容器类组件，它最多包含一个子组件，当子组件的布局尺寸在指定的滚动方向上超过 Scroll 的视图窗口时，子组件可以滚动， Scroll 滚动方向只支持水平滚动和竖直滚动。 : Scroller): ScrollAttribute;}scroller：给 Scroll 绑定一个滚动控制器，该控制器可以控制子组件的各种滚动能力， Scroller 目前只支持绑定到 Scroll 简单样例如下所示：Scroll() { Text('Text1')// 子组件的高度小于Scroll高度，不会触发滚动 .fontSize(26) .size({width: 180, height Scroll() {// Scroll没有设置滚动方向，默认竖直方向滚动 Column() { Text('Text1') .fontSize 目前 Scrolller 只支持绑定到 Scroll 和 List 上。
1K10编辑于 2024-09-30来自专栏鱼头的Web海洋忍法，scroll 翻滚之术！
CSS scroll 分享完 JS 中的 scroll ，我们再来了解下 CSS 中的 scroll 。 scroll-snap-stop scroll-margin scroll-snap-type scroll-snap-type属性指定能不能去捕捉当前滚动的容器并让它对齐，以及所执行的方向跟严格程度 scroll-margin的复写属性有以下几个： scroll-margin-top scroll-margin-right scroll-margin-bottom scroll-margin-left scroll-margin-block scroll-margin-inline scroll-margin-block-start scroll-margin-inline-start scroll-margin-block-end scroll-padding-bottom scroll-padding-left scroll-padding-block scroll-padding-inline scroll-padding-block-start
1.6K10发布于 2020-04-16来自专栏快乐阿超自定义scroll滑块样式
代码如下： /* 滚动条整体部分 */ ::-webkit-scrollbar { width: 12px; } /* 滚动条两端的按钮 */ ::-webkit-scrollbar-button { } /* 外层轨道 */ ::-webkit-scrollbar-track { background: #eee; border-radius: 18px; } /* 内层滚动槽 */ ::-webkit-scrollbar-track-piece { } /* 滚动的滑块 */ ::-w
59120编辑于 2022-08-21来自专栏YG小书屋ES 深度分页scroll使用方式
pretty' -H 'Content-Type: application/json' -d' { "scroll" : "1m", "scroll_id" : "DXF1ZXJ5QW5kRmV0Y2gBAAAAAAAAAD4WYm9laVYtZndUQlNsdDcwakFMNjU1QQ ==" } ' 如果你对scroll取出的数据顺序没有要求的话，则可以对“_doc”进行排序，es对这种排序做了优化。 如此往复，可以看出scroll是一个常量查询延迟和开销，并无什么副作用。 scroll查询时，scan类型scroll_id会变，普通查询scroll_id不会变 http://zcty5v5.xyz/2016/10/17/ES-scroll-issues/ 同样的命令，curl scroll scroll_id不会变，但java scroll会变。
4.5K20发布于 2018-05-23来自专栏Web前端React 滚动监听 Scroll Listener
window.removeEventListener('scroll', handleScroll); }; }, []); return
Scroll me! ('scroll', handleScroll); }; }, []); returnScroll me! 避免方法：使用Polyfill库或第三方库（如react-scroll-listener）来确保跨浏览器兼容性。 npm install react-scroll-listenerimport React from 'react';import ScrollListener from 'react-scroll-listener window.removeEventListener('scroll', handleScroll); }; }, []); returnScroll me!1K00编辑于 2025-01-11来自专栏python-爬虫js中scroll滚动相关
js中scroll滚动相关 scroll，滚动，一般讨论的是网页整体与浏览器之间的关系。 一.元素相关 属性/方法 解释 element.scrollHeight 返回元素的整体高度。
9.5K10发布于 2020-06-19腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号