首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS实例——滑动列表展现隐藏顶部视图

引 项目中需要一个效果:下列表时顶部的自定义视图不移动移时隐藏顶部视图,提高列表的展现范围。...在此基础上海加了一个隐藏列表时的动态渐入渐出效果,如下: 实现 实现的要点是,顶部的视图要随着列表的滚动滚动,且列表最上是可以滚动到屏幕顶部的,最下就是滚动到一个固定的位置就不再往下滚动了,至于渐变效果只要能控制滚动自然也能控制随着滚动去改变...关键就在于顶部视图不是简单的放在列表之上,也不是简单的作为列表的headerview。...处理方法中我们要做两件事,第一件事是让顶部视图的高度随着列表移动移动,但是要控制列表最高移动到的位置TOP和最低移动到的位置BOTTOM,这其实就是顶部视图的低端对应的Y值。...第二件事是让顶部视图随着移动渐变,当移动到最高时彻底透明,移动到最低时不透明,这个alpha值也是根据移动的值来计算的: - (void)updateSubViewsWithScrollOffset:

1.7K10

linux(五)之vi编译器

1.3、命令模式(底线命令模式)   插入模式下,键入":"可进入命令模式。命令模式,Vi将把光标挪到屏幕的最下方,并在第一个字符的位置显示一个“:”(冒号)。这时,用户就可以键入一些命令。   ...四、Vi编译器常用的命令  3.1、文件中移动光标 h:向左移动一个字符 l:向右移动一个字符 k:向上移动一行 j:向下移动一行 ^(即Shift+6):移动到当前行的开头处...$(即Shift+4):移动到当前行的结尾处 H(大写):使光标移动到屏幕顶部 M(大写):使光标移动到屏幕的中间 L(大写):使光标移动到屏幕的底部 Ctrl+b:一屏。...Ctrl+f:下一屏。 Ctrl+d:下半屏。 Ctrl+u: 半屏。...撤消对一行的更改:输入U来撤消你对一行所做的所有更改,这个命令只有在你没将光标移动到该行以外时才生效。

3K80
您找到你想要的搜索结果了吗?
是的
没有找到

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

return true; } e.preventDefault(); }, { passive: false } ); 但是对待白名单的元素放开限制之后,当元素滚动到顶部和底部的时候...之前我们说了,浏览器需要尽可能响应滚动行为,element 滚到两端 element 不了,那我就 document 所以我们最好监听 element 滚到 顶部和 底部的时机,继续禁止滚动行为 var...ios 中存在,滚动穿透的顺序是 子->父->document, 安卓和 鸿蒙 则不会,子不了,直接document 这个是实际的dom 父子关系才会,视觉的 父子关系没有这个问题 2子元素...) 但是document 还是不会滚动的 3滚动穿透的触发条件 一次没有抬起的滚动行为(手没有离开屏幕)导致元素滚动到顶部或者 底部之后,如果手还在屏幕往两端滑,并不会触发滚动穿透 如果你把元素滚动到...两端不可之后,抬起手,再按下去,往不可的方向移动,此时才会发生 滚动穿透 之前我们说了,滚动响应有两种对象,element 和 document 从这里可以意识到,单次的滚动行为 只会绑定一个滚动对象

5.1K20

Windows10中的键盘快捷方式

F4 文件资源管理器中显示地址栏列表 F5 刷新活动窗口 F6 循环浏览窗口中或桌面上的屏幕元素 F10 激活活动应用中的菜单栏 Alt + F8 登录屏幕显示你的密码 Alt + Esc 按项目打开顺序循环浏览...Windows 徽标键 + Shift + 向上键 将桌面窗口拉伸至屏幕顶部和底部 Windows 徽标键 + Shift + 向下键 垂直方向上还原/最小化活动桌面窗口,宽度保持不变 Windows...+ 向上键将桌面窗口拉伸至屏幕顶部和底部Windows 徽标键 + Shift + 向下键垂直方向上还原/最小化活动桌面窗口,宽度保持不变Windows 徽标键 Shift + 向左键或向右键将桌面上的应用或窗口从一台显示器移动至另一台显示器...) 将光标移动到缓冲区结尾处 Ctrl + 向上键 输出历史记录中上移一行 Ctrl + 向下键 输出历史记录中下移一行 Ctrl + Home(历史记录导航) 如果命令行为空,则将视区移动到缓冲区顶部...对话框键盘快捷方式 按键 操作 F4 显示活动列表中的项目 Ctrl + Tab 选项卡中向前移动 Ctrl + Shift + Tab 选项卡中向后移动 Ctrl + 数字(数字 1–9) 移动到

4.5K20

Windows快捷键速查

Alt + F8 登录屏幕显示你的密码。 Alt + Esc 按项目打开顺序循环浏览。 Alt + 带下划线的字母 执行该字母相关的命令。 Alt + Enter 显示所选项目的属性。...Windows 徽标键 + Shift + 向下键 垂直方向上还原/最小化活动桌面窗口,宽度保持不变。...Ctrl + Home(标记模式) 将光标移动到缓冲区的起始处。 Ctrl + End(标记模式) 将光标移动到缓冲区的结尾处。 Ctrl + 向上键 输出历史记录中上移一行。...Ctrl + 向下键 输出历史记录中下移一行。 Ctrl + Home(历史记录导航) 如果命令行为空,则将视区移动到缓冲区顶部。否则,请删除命令行中光标左侧的所有字符。...Ctrl + Tab 选项卡中向前移动。 Ctrl + Shift + Tab 选项卡中向后移动。 Ctrl + 数字(数字 1–9) 移动到第 n 个选项卡。 Tab 选项中向前移动

4.2K20

Vim的基本使用(一)

本文包含Vim的基本使用有: 移动光标、屏幕滚动、模式查找、位置标记、删除文本、撤销与重做、插入文本、复制与移动、修改文本、写入与退出。 1....移动光标 h => 左 j => 下 k => l => 右 0 => 移动到行首(不可指定计数) $ => 移动到行末(n-1) ^ => 移动到本行第一个非空白字符(不可指定计数) _ =>...G => 移动到最后一行行首 gg => 移动到第一行行首 数字+% => 移动到全文件百分之n处 M => 移动到屏幕中间行第一个非空白字符 % => '()[]{}'括号匹配(不可指定计数...屏幕滚动 Ctrl+u => 1/2页 Ctrl+d => 下1/2页 Ctrl+f => 1页 Ctrl+b => 下1页 zz => 置当前行于当前屏幕正中 zt => 置当前行于当前屏幕顶部...插入文本 i => 光标后插入文本 a => 光标前插入文本 A => 在当前行末插入文本 I => 在当前行的第一个非空白字符前插入文本 o => 在当前行下方开始新行 O => 在当前行上方开始新行

1.4K30

吸顶效果解决方案

一.场景 “吸顶”是一种比较老的交互方式,PC页面已经用了很多年了,如图: sticky 吸顶元素的初始位置一般靠近页面顶部,但与顶部有一定距离,这块区域放的是最醒目的元素,比如Banner图...页面向下滚动超过吸顶元素初始位置时,把吸顶元素固定在顶部 要求吸顶的元素一般是二级导航栏、搜索框、文章标题栏(h1)、表头(thead)、tab条等等,共同特点是在内容或功能上比较重要,但又不是最重要的元素...(最重要的元素通常固定在页面顶部,navbar-fixed-top) 二.PC解决方案 页面滚动到一定位置时,做一些事情 “回到顶部”按钮也是这样的,页面向下滚动超过150px时,显示该按钮,否则隐藏...IOS 8+的Safari和WKWebView能够疯狂触发scroll,无论手指在不在屏幕,无论是不是惯性滚动期间。...static能为后代元素提供定位参照),但top和left无效 过初始位置时,和position: fixed表现类似,top和left生效,固定在屏幕可见区域,但页面不会抖动,原本占据的空间还在(自带守家占位符的感觉

3.3K10

vim的快捷键大全

开始行输入ma作一个标记a   2. 移动到结束行,输入y’a会复制当前行到标记a之间的文本。d’a会删除。 或者是v进入可视模式,再13G跳转到相应行,y即可。...滚动整屏: ^f:向前(下)一整屏 ^b:向后()一整屏 ^d:向前(下)一半屏 ^u:向后()一半屏 z,Enter:将光标所在行移动到屏幕顶部(同于zz) z....:将光标所在行移动到屏幕中间 z-:将光标所在行移动到屏幕尾部 nz,Enter:将第n行移动到屏幕顶部,同样的,z. 与 z- 前也可以加数字。...屏幕移动: H、M、L分别移动到屏幕顶部、中间和尾部。 nH、nL 移动到距离屏幕顶部顶部n行的位置。 Enter:到下一行的第一个字符。 +:到下一行的第一个字符。...dfi:向右删除第一个i的位置(包括i) dti:同dfi,只是不包括i Ctrl+G 查看当前行信息 nG跳转后,可使用“回到上一次的位置,”功能一样,不过只是回到前次位置所在行的开头,不是确定的位置

2K40

Win10 快捷键大全(史上最全)「建议收藏」

) Windows 徽标键 + Shift + 向上键 将桌面窗口拉伸到屏幕顶部和底部 Windows 徽标键 + Shift + 向下键 垂直方向上还原/最小化活动桌面窗口,同时保持宽度不变 Windows...将光标移动到缓冲区的末尾 Ctrl + 向上键 输出历史记录中向上移动一行 Ctrl + 向下键 输出历史记录中向下移动一行 Ctrl + Home(历史记录导航) 如果命令行为空,则将视口移动到缓冲区顶部...9) 移动到第 n 个选项卡 Tab 选项向前移动 Shift + Tab 选项向后移动 Alt + 带下划线的字母 执行与该字母一起使用的命令(或选择相应的选项) 空格键 如果活动选项是复选框...如果菜单中某个字母有下划线,请同时按下 Alt 键和带有下划线的键,不是选择该菜单项。例如,按 Ctrl + N 可在“画图”中创建新图片。...箭头键(位于缩放的照片照片内移动 Ctrl + 加号或减号(+ 或 -) 放大或缩小(查看照片时) Ctrl + 0 重置照片的缩放 Esc 返回到上一个屏幕 Ctrl + S 保存 Ctrl

15.6K30

windows10切换快捷键_Word快捷键大全

将应用或桌面窗口最大化到屏幕右侧 Win + Home 最小化除活动桌面窗口以外的所有窗口(第二道笔划时还原所有窗口) Win + Shift + 向上键 将桌面窗口拉伸到屏幕顶部和底部 Win...将光标移动到缓冲区的末尾 Ctrl + 向上键 输出历史记录中向上移动一行 Ctrl + 向下键 输出历史记录中向下移动一行 Ctrl + Home(历史记录导航) 如果命令行为空,则将视口移动到缓冲区顶部...对话框快捷键 快捷键 功能 F4 显示活动列表中的项目 Ctrl + Tab 选项卡向前移动 Ctrl + Shift + Tab 选项卡向后移动 Ctrl + 数字(数字 1 到 9) 移动到第...如果菜单中某个字母有下划线,请同时按下 Alt 键和带有下划线的键,不是选择该菜单项。例如,按 Ctrl + N 可在“画图”中创建新图片。...激活主要操作 用一根手指点击三次或按住,然后用另一根手指双击屏幕的任意位置 激活辅助操作 用一根手指按住,然后用另外两根手指点击屏幕的任意位置 开始拖动或其他按键选项 用一根手指向左或向右轻拂 移动到下一个或上一个项目

5.2K10

Ubuntu 17.10 已经发布,图解新功能

现在是GNOME Shell的定制版本 ,表面上接近Unity桌面布局(但不是类似的替代)。 Ubuntu 17.10桌面使用两个面板布局:一个全高的垂直底座位于屏幕的左侧,顶部的面板则被剥离。...右边,您将看到一个带有两个桌面的破折号。可以通过单击窗口并将其移动到要放置的工作区上来轻松地工作区之间移动窗口 。 应用 点击Ubuntu Dock底部图标,屏幕查看“应用程序”。...可以一目了然的看到更多的已安装的软件,不是Unity Dash中提供的截图。 应用程序按字母顺序排列,可滚动页面。...技术正在成熟,Wayland某些硬件; 当尝试运行较旧的应用程序或播放高分辨率游戏时; 或者当您附加某些类型的输入设备或显示器时,会出现错误 发生这种情况,请不要惊慌: Ubuntu 17.10默认情况下还包括...要使用Xorg不是Wayland,您必须先登录,点击登录屏幕的cog菜单,然后选择“Ubuntu on Xorg”会话。然后正常登录。

1.7K90

Linux 命令(240)—— tput 命令

tput 命令通过 terminfo 数据库可以对终端会话进行初始化或更改终端功能,如移动更改光标、更改文本属性,以及清除终端屏幕的特定区域。 2.什么是 terminfo 数据库?... Unix Shell 脚本中或在命令行中,移动光标或更改光标属性可能是非常有用的。有些情况下,您可能需要输入敏感信息(如密码),或在屏幕两个不同的区域输入信息。...使用 tput 可以方便地实现在各设备移动光标的位置。通过 tput 中使用 cup 选项,或光标位置,您可以设备的各行和各列中将光标移动到任意 X 或 Y 坐标。...设备左上角的坐标为 (0,0)。 比如光标移动到第 5 行 (X) 的第 1 列 (Y)。 tput cup 5 1 (3)移动光标并显示信息。...(4)更改光标属性。 向某一设备显示数据时,很多时候您并不希望看到光标。将光标转换为不可见可以使数据滚动时的屏幕看起来更整洁。

1.3K20

scetch入门 第2部分:文本,对齐和SVG第3部分中了解如何导出文件

选择文本后,查看屏幕右侧的Inspector。使字体大小为36,文本对齐中心和填充颜色为白色。 ? 编辑文字 如您所见,文本不是相对于矩形居中。要解决此问题,请按住Shift并同时选择矩形和文本。...将SVG拖动到画板 选中图标后,让我们屏幕左侧的“图层”菜单中进行一些调查。此SVG包含在名为“noun_59767_cc”的图层组中。...要调整大小,请按住shift并将光标移动到形状的角落。 ? 调整图层大小 在按住shift的同时,拖动图像的一角直到它变大。保持移位可确保图像的比例与原始比例一致。...请务必更改每个屏幕的画板名称,因为这是Sketch导出PNG时将使用的名称! 共享样式和文本样式 共享样式允许您一次更改多个图层的样式。要了解其工作原理,首先从任何画板中选择一个蓝色矩形。...我把它命名为“顶部矩形” ? 顶部矩形共享样式 现在选择第二个画板中的另一个蓝色矩形并应用“顶部矩形”样式。 ? 选择其他矩形 现在,这部分很重要:确保只选择了一个矩形,不是两个。

4K30

Windows中的键盘快捷方式大全

将光标移动到缓冲区的末尾 Ctrl + 向上键 输出历史记录中向上移动一行 Ctrl + 向下键 输出历史记录中向下移动一行 Ctrl + Home(历史记录导航) 如果命令行为空,则将视口移动到缓冲区顶部...9) 移动到第 n 个选项卡 Tab 选项向前移动 Shift + Tab 选项向后移动 Alt + 带下划线的字母 执行与该字母一起使用的命令(或选择相应的选项) 空格键 如果活动选项是复选框...Ctrl + 鼠标滚轮 更改桌面图标的大小,或者放大或缩小大量的项目,例如被固定到“开始”屏幕的应用 Ctrl + 向右键 将光标移动到下一个字词的起始处 Ctrl + 向左键 将光标移动到上一个字词的起始处...Ctrl + Shift + Tab 选项卡向后移动 Ctrl + 数字(数字 1-9) 移动到第 n 个选项卡 Tab 选项向前移动 Shift + Tab 选项向后移动 Alt + 带下划线的字母...Windows 徽标键+ Shift + 向上键 将窗口拉伸到屏幕顶部和底部。 Windows 徽标键+ Shift + 向左或向右键 将窗口从一个监视器移动到另一个监视器。

5.6K20

最新iOS设计规范九|10大系统能力(System Capabilities)

当人们可以直接触摸屏幕的3D对象不是使用屏幕空间中的间接控件来与之交互时,它具有更加身临其境和直观的感觉。但是人们使用您的应用程序时四处走动的情况下,间接控件可以更好地工作。 ?...某些功能(例如进行中的电话,录音和网络共享)会在屏幕顶部显示一个附加状态栏。未经准备的应用中,此增加的高度可能会由于遮盖或压下其他界面元素导致布局问题。...例如,通知可以发信号通知消息何时到达,事件将要发生,新数据可用或某些状态已更改。人们会在使用设备屏幕顶部的锁定屏幕和通知中心中看到通知。 通知可以是本地或远程的。本地通知始发并在同一设备上传递。...使用设备时,它会出现在屏幕顶部几秒钟,然后消失。 警报。使用设备时,它会显示屏幕顶部,并停留在屏幕顶部,直到手动将其关闭。...如果您的应用程序包含工具栏,则将在此处不是导航栏中显示任何特定于预览的按钮。

4.2K20

100 条 Linux vim 命令备忘单,收藏起来随时备用!

或者ZQ 退出不保存更改 :qa 退出所有缓冲区 :cq 永远退出,不写 :wq 写入当前文件并退出 :wqa 退出并写入所有缓冲区 :wq!...h向左移动光标 j向下移动光标 k向上移动光标 l向右移动光标 b移动到单词的开头 w移动到下一个单词的开头 e移动到单词的末尾 0跳到行首 $跳到行尾 ^跳转到该行的第一个(非空白)字符 Ctrl...+ b向后移动一个全屏 Ctrl + f向前移动一个全屏 Ctrl + d向前移动 1/2 个屏幕 Ctrl + u向后移动 1/2 个屏幕 Ctrl + e将屏幕向下移动一行(不移动光标) Ctrl...+ y将屏幕移一行(不移动光标) Ctrl + o通过跳跃历史向后移动 Ctrl + i跳跃历史中前进 H移动到屏幕顶部(H=high) M移动到屏幕中间(M=middle) L移动到屏幕底部(L...Ctrl+r 重做已撤消的更改 标签命令备忘单 :tabe 新选项卡中打开文件 :tabp 转到上一个选项卡 :tabn 转到下一个选项卡 :tabs 列出所有选项卡 :tabfirst 转到第一个选项卡

1.5K20

武汉移动网站优化的五大要点

对于汉字来说尤其如此,因为它们视觉比英文字母更复杂。   避免左右翻页,通常需要页面上卷或下,但如果他们必须向左或向右滚动以阅读整个页面,则对于移动用户来说非常不方便。   ...减少广告,桌面设备,过多的广告会直接导致负面的用户体验,它在移动设备更糟糕,并且会让用户感到沮丧。   ...移动设备的广告点击率远远高于桌面设备的原因不是因为移动用户喜欢广告,而是因为他们经常错误点击广告。   ...2.了解独立移动网站和响应式网站之间的差异   独立的移动网站专为手机设计和开发,响应式网站专为具有不同屏幕尺寸的桌面和移动设备的众多设备而设计,并且可以自动将其内容的布局调整为可用的屏幕尺寸。   ...3.修剪不重要的内容和功能   顶部的两个或三个导航栏对于桌面中文网站设计非常普遍,但在手机上显然是不合适的。通常的做法是移动版本减少导航系统,包括顶部导航,面包屑和侧栏。

1.5K00

Windows 10内部的23个隐藏技巧

当您将鼠标悬停在此按钮不是单击时,还可以选择使窗口最小化。 “设置”>“个性化”>“任务栏”>“使用窥视”预览桌面中 选择您的偏好 。 抖动 ?...该功能实际Windows 7中首次亮相,但是我发现很多人不知道或不使用它(但是他们应该-很酷!)。如果您的显示器满是窗户,请抓住您喜欢的窗户顶部并“摇晃”它以最小化所有其他窗户,以清除混乱情况。...然后双击新图标以提示一个下拉阴影,并使用鼠标将其向下拖动到屏幕底部。请记住,这不是睡眠,这是关机。 启用“上帝模式” ? 您是想要访问PC细节的高级用户吗?“上帝模式”适合您。...拖动到固定窗口 ? 早在Windows 7即可使用此功能,但Windows 10中有一些其他功能。 抓住任何窗口并将其拖动到一侧,它将“适合”到屏幕的一半。...Windows 10中,您可以选择将窗口拖动到任何角落,以使窗口占据屏幕的四分之一不是一半。如果使用多个屏幕,请拖动到边框角,然后等待提示信号,让您知道窗口是否将在该角打开。

4.1K30

win10快捷键大全 win10常用快捷键

(如果您的电脑支持屏幕方向自动感应) Win键 + V 屏幕的通知中循环切换 Win键 + Page Up 多监视器设置中将开始屏幕移动至左监视器 Win键 + Page Down 多监视器设置中将开始屏幕移动至右监视器...M 将最小化的窗口还原到桌面 Win键 + Shift + 向上键 将窗口拉伸到屏幕顶部和底部 Win键 + Shift + 向左键或向右键 将窗口从一个监视器移动到另一个监视器 Win10快捷键大全...“回收站” Shift+Delete 不先将所选项目移动到“回收站”直接将其删除 F2 重命名选定项目 Ctrl+向右键 将光标移动到下一个字词的起始处 Ctrl+向左键 将光标移动到上一个字词的起始处...Alt+D 选择地址栏 Ctrl+E 选择搜索框 Ctrl+F 选择搜索框 在对话框中使用的快捷键 Ctrl+Tab 选项卡向前移动 Ctrl+Shift+Tab 选项卡向后移动 Tab 选项向前移动...按钮 D 统计信息模式下按 CAD 按钮 Win日记中的快捷键 Ctrl+N 开始新的便笺 Ctrl+O 打开最近使用的便笺 Ctrl+S 将更改保存到便笺 Ctrl+Shift+V 将便笺移动到特定的文件夹

4.3K70

SceneKit 场景编辑器-为您的AR体验构建3D舞台

当所有坐标的初始位置设置为0时,它是应用程序加载时设备相机的起始位置。建议首先或靠近它设置该位置,这样您就可以确保开始时您面前看到您的模型,不是远处的某个位置。...地球,我们顶部添加了另一层,即白云。 2k地球云 排放前后 这是应用发射图之前​​和之后。 发射前的地球 自定义模型 现在我们已经了解了场景编辑器的方法,我们如何使自己成为自定义模型?...让我们屏幕保存一些不动产并隐藏Project Navigator。按Command + 0。 背景 对于设计师来说,背景是平淡的。我们可以Scene Inspector中更改它。...我们不是试图在这里复制完美的手表,只是学习如何使用基本形状组装物体。 平面颜色 让屏幕变黑,就像手表处于非活动状态一样。...“ 对象库”中,选择“ 胶囊体”并将其拖动到场景中。 胶囊体大小 “ 属性”检查器中,将“ 帽半径(Cap radius)”更改为0.3,将“ 高度”更改为1.5。

5.4K20
领券