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

Material Design — 菜单(Menus)

情景菜单 菜单滚动 如果菜单高度阻止其显示所有菜单项目,菜单可以在内部滚动。 一个例子是在横向上查看手机上菜单。 ?...可以内部滚动菜单 级联菜单(仅限pc) 级联菜单可根据菜单与屏幕垂直和水平边缘接近程度放置菜单。 ?...理想情况下,嵌套层级都需要做显示,因为很难用嵌套多层菜单进行导航。 ? 菜单项例子 不可用操作 将操作显示为不可用(如置灰)而不是将其删除,让用户知道它们可以在正确条件下存在。...向下展开简单菜单 ? 向上展开简单菜单 ·不要在简单菜单弹出第一个选项上放列表中非已选项(如下图)。 ? ·但在靠近屏幕边缘,简单菜单会重新定位其垂直对齐方式,以便所有菜单项都完全可见。...·内容滚动菜单一直显示滚动条。 ·简单菜单最大高度应小于页面高度一行或多行。 这确保了可点击简单菜单之外区域来关闭菜单。 ·不在菜单中重复展示已选项(同Menus)。

5.8K100

m001mac初级篇之常用快捷键

标签和网页导航快捷键 8 个 切换到下一个标签页 – Control+Tab   切换到上一个标签页 – Control+Shift+Tab   向下滚动一屏 – 空格   向上滚动一屏 – Shift...查看页面源代码 – Command+Option+U   禁止弹出窗口 – Command+Shift+K 查找并在找到项目中导航快捷键 3 个   在页面上查找文字 – Command+F   向下浏览找到项目...Command-B:切换所选文字粗体(Bold)显示 fn-Delete:相当于PC全尺寸键盘上Delete,也就是向后删除 fn-上箭头:向上滚动一页(Page Up) fn-下箭头:向下滚动一页...:将文件移至废纸篓 Command-Shift-Delete:清倒废纸篓 空格键:快速查看选中文件,也就是预览功能 在safari浏览器补充 上下方向键 小范围垂直滚动页面 左右方向键 小范围水平滚动页面...Cmd-Shift-回车 在新窗口或者标签打开搜索结果 Safari快捷键:菜单快捷键 Cmd-A 全选 Cmd-B 显示/隐藏收藏栏 Cmd-D 添加书签 Cmd-E 使用所选进行查找 Cmd-F

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

fullPage.js全屏滚动插件

).fullpage({ navigation:true,//显示导航 navigationPosition:'right', //导航显示右边...) 绑定菜单,设定相关属性与 anchors 值对应后,菜单可以控制滚动 navigation (true/false)是否显示项目导航 navigationPosition (string)...(true/false) 是否显示左右滑块项目导航 slidesNavPosition (string)左右滑块项目导航位置,可选 top 或 bottom controlArrowColor.../false)是否循环滚动,与 loopTop 及 loopBottom 不兼容 5.常用方法 -- -- moveSectionUp() 向上滚动 moveSectionDown() 向下滚动...afterRender 页面结构生成后回调函数,或者说页面初始化完成后回调函数 afterSlideLoad 滚动到某一水平滑块后回调函数,与 afterLoad 类似,接收 anchorLink

14.8K20

怎样才算是个出色移动网站

❖首页和网站导航 ❖ KEYWORD:菜单亲切化、简化返回首页 成功:让您移动首页侧重于将用户与他们要寻找内容联系起来。...让吸引注意力元素前置居中 通过菜单或“首屏线以下空间”(网页中不向下滚动便无法看到部分)提供二级任务。 ✔ 宜:将用户所有最常见任务安排在便于访问位置。...引导用户获得更相关网站搜索结果 通过菜单或“首屏线以下空间”(网页中不向下滚动便无法看到部分)提供二级任务。 ✔ 宜:通过沿正确方向引导用户来帮助他们查找其要寻找内容。...别让用户进行捏拉缩放 用户对垂直滚动网站感到顺手,水平滚动则不然。 避免使用大型、固定宽度元素。利用 CSS 媒体查询为不同屏幕应用不同样式。 不要创建只能在特定视口宽度下正常显示内容。...强制用户水平滚动网站无法通过 Google 移动易用性测试,可能对其搜索排名产生不良影响。 让产品图像扩展 零售客户期望网站允许其查看产品高分辨率特写。

2K50

>>开发工具:IntelliJ IDEA 2020.3基础技能

当前适用版本 IntelliJ IDEA 2020.3.2以上Mac用户,Window用户请移步官网。 编辑器 IntelliJ IDEA编辑器是IDE主要部分,可用于创建,读取和修改代码。...滚动条 在编辑器中使用代码,IntelliJ IDEA在滚动条上显示代码分析结果,其中包括错误和警告。您可以检查您代码是否有问题,然后快速导航到它们。...或者,从主菜单中选择“窗口” |“窗口”。编辑器选项卡和“拆分并向右移动”或“拆分并向下移动”选项。 如有必要,您可以为这些操作分配键盘快捷键。...您可以对“拆分并向右移动”或“拆分并向下移”操作执行相同操作。 可以垂直或水平拖动选项卡以拆分编辑器,然后将选项卡向后拖动以取消拆分屏幕。 可以在编辑器中右侧拆分中打开文件。...要在已创建分割帧之间移动,请从主菜单中选择“窗口” |“窗口”。编辑器标签。从选项列表中分别选择“转到下一个拆分器” ⌥ ⇥ 或“ 转到上一个拆分器” ⌥ ⇧ ⇥。

28420

来自用户体验大师100个UX设计建议——上篇

使用常见网站模式和界面,不要增加用户学习成本。 1.png 二、关于滚动页面 6. 只要明确页面下方折叠区域有更多相关信息,用户就会向下滚动页面。 7....在设计移动布局,考虑用户是否会单手或两只手使用设备情况。 5.png 六、关于导航设计 28. 在网站上设置一个明显路径供用户访问导航菜单。 29....如果你网站层次结构超过3-4级,是时候考虑重新设计了。 30. 考虑使用粘性菜单导航(跟随浏览器滚动导航),特别是在较长网页中或需要快速访问。 31....使用面包屑导航,让用户知道他们在网站上所处位置。 35. 移动端导航设计:显示最常用选项,并将其他选项隐藏在汉堡包菜单下。 36....菜单下拉列表应该是垂直,而不是水平悬停,因为水平滚动要困难得多。 39. Megamenus菜单设计应该比网页更窄,用户才能很轻松地“点击”菜单。 40.

1.6K30

H5C3第四节

可选值 row:主轴方向为水平向右 column:主轴方向为竖直向下 row-reverse:主轴方向为水平向左 column-reverse:主轴方向是竖直向上。...keyboardScrolling 是否可以使用键盘方向键导航,默认true navigation 是否显示导航,默认为false,设置为true,会显示小圆点,作为导航 navigationPositon...导航小圆点位置,设置left或者right,默认是right navigationTooltips 小圆点提示信息,鼠标一上去能看到提示信息 showActiveTooltip 是否显示当前页面的导航...tooltip信息,默认是false slidesNavigation 是否显示横向幻灯片导航,默认为false slidesNavPosition 设置横向幻灯片位置,top或者bottom,默认...,diretion) 当我们离开一个section,会触发这个函数,index是离开页面的序号,从1开始计算。

5.3K30

2019-08-09 满屏切换vue项目中使用 vue-fullpage.js

,但是浏览器滚动条默认行为也有效 // scrollBar: true, // //设置每个section顶部padding,当我们要设置一个固定在顶部菜单导航、元素等使用...// paddingTop: "100px", // //设置每个section底部padding,当我们要设置一个固定在底部菜单导航、元素等使用 //...slidesNavigation: true, // //横向幻灯片导航位置,可以为top或者bottom // slidesNavPosition: bottom, // //内容超过满屏是否显示滚动条...,但是浏览器滚动条默认行为也有效 // scrollBar: true, // //设置每个section顶部padding,当我们要设置一个固定在顶部菜单导航、元素等使用...// paddingTop: "100px", // //设置每个section底部padding,当我们要设置一个固定在底部菜单导航、元素等使用 //

11.7K30

06-移动端开发教程-fullpage框架

支持窗口缩放。 窗口缩放自动调整。 可设置滚动宽度,背景颜色,滚动速度,循环选项,回调,文本对齐方式等。...false 绑定菜单,设定相关属性与 anchors 值对应后,菜单可以控制滚动 navigation 布尔值 false 是否显示项目导航 navigationPosition 字符串 right...布尔值 false 是否显示左右滑块项目导航 slidesNavPosition 字符串 bottom 左右滑块项目导航位置,可选 top 或 bottom controlArrowColor...afterRender 页面结构生成后回调函数,或者说页面初始化完成后回调函数 afterSlideLoad 滚动到某一水平滑块后回调函数,与 afterLoad 类似,接收 anchorLink...一般情况下都是用户进入某个屏时候,动画开始启动入场,离开时候启动出场(可以省略),然后下一屏开始入场。

5.1K90

06-移动端开发教程-fullpage框架

支持窗口缩放。 窗口缩放自动调整。 可设置滚动宽度,背景颜色,滚动速度,循环选项,回调,文本对齐方式等。...false 绑定菜单,设定相关属性与 anchors 值对应后,菜单可以控制滚动 navigation 布尔值 false 是否显示项目导航 navigationPosition 字符串 right...布尔值 false 是否显示左右滑块项目导航 slidesNavPosition 字符串 bottom 左右滑块项目导航位置,可选 top 或 bottom controlArrowColor...afterRender 页面结构生成后回调函数,或者说页面初始化完成后回调函数 afterSlideLoad 滚动到某一水平滑块后回调函数,与 afterLoad 类似,接收 anchorLink...一般情况下都是用户进入某个屏时候,动画开始启动入场,离开时候启动出场(可以省略),然后下一屏开始入场。

5.1K50

深入理解bootstrap

7.响应式表格,在.table外部包装.table-responsive样式div即可创建,在小于768px时水平滚动 E.表单 1.基础表单:只对表单内fieldset、legend、label...font-face特性 B.下拉菜单 C.按钮组 1.只需要在多个按扭外部使用一个窗口元素(比如div),然后在容器元素上应用 .btn-group样式即可 2.按扭工具栏,在多个分组外再放一个大容器元素...D.按扭下拉菜单 1.利用data-toggle=""来实现下拉菜单 2.样式.dropup向上下拉菜单 E.输入框组 1.输入框组,.input-group样式,输入框前后显示个性元素上可以使用...基础导航条 .navbar-inverse反色导航条 2.使用.navbar-brand样式给内部元素,表示该元素是导航名称 3.要增强访问性,要给每个导航条加上role="navigation"...ScrollSpy)插件是根据滚动位置自动更新导航条中相应导航项 2.用法: 设置滚动容器,即在所要侦测元素上设置data-target="@selector" data-spy="scroll"

3.4K60

IntelliJ IDEA 2021.2 中,您完全不需要鼠标的 10 种情况

显示工具窗口 我们先来看看开发者们大多是如何在 IntelliJ IDEA 中显示工具窗口。...使用 Shift+Escape(或 ⇧ Esc)隐藏活动工具窗口。使用此快捷键隐藏或显示工具窗口。例如,Alt+9(或 ⌘9)显示 Git 工具窗口。...要在编辑器中工作创建类,请使用 Alt+Home(或 ⌘ Up)访问导航栏。选择要在其中声明新类、接口或其他实体软件包,然后使用 Alt+Insert 或 (⌘ N) 调用新对话框。...以下 图片显示如何使用 Alt+Right 或 Alt+Left 快速导航到其他文件: ii) 使用 Switcher tab(Windows 和 Linux 为 Ctrl+Tab,macOS 为 ^...在不移动光标位置情况下滚动编辑器窗格中文本 常见做法是向上或向下滚动编辑器窗格来阅读代码。如果不需要编辑代码,您可能也不需要将光标从其当前位置移开。

6710

如何使用 CSS 设置和自定义水平和垂直滚动

您可以设计您侧边栏以显示滚动导航项目列表。...在本节中,我们将按照以下步骤创建一个滚动侧边栏导航:a)创建带有导航项目的导航栏b)将导航栏样式设置为侧边栏c)将侧边栏位置设置为固定d)使用滚动条管理项目的溢出a)....下面的截图显示了我们即将创建侧边栏:侧边栏要创建上面的侧边栏,我们将在CSS中进行以下更改:将导航显示更改为flex,并将方向设置为column为侧边栏设置背景颜色为导航链接添加底部边框增加导航链接字体大小和字体粗细为侧边栏设置固定宽度增加...将overflow-y属性设置为scroll会为超出其高度内容创建一个滚动容器。超出侧边栏范围项目将被隐藏。右侧会出现一个滚动条,允许您网站用户查看所有内容。...在下一节中,我们将学习如何设置水平滚动条。设置自定义水平滚动条。您可以向网页内容器添加水平滚动条。水平滚动条可以使用户在较短容器内查看一系列横向内容。

76600

iOS开发常用之网络

Horizo​​ntalScrollCell - Horizo​​ntalScrollCell是一款使用方便水平方向滚动单元格,适用于UICollectionView中实现水片方向滚动视图。...TabBarController,支持自定义TabBarItem样式或添加动画 隐藏与显示 SlideTapBar - 滚动菜单,向上滚动隐藏tabbar,向下滚动马上显示tabbar。...DCPathButton - Path,4.0弹出菜单,呼出或者关闭菜单,多个小图标会分别按照逆时针和顺时针方向进行滚动。...MediumScrollFullScreen - Medium扩展滚动页面,上下滚动,全屏显示内容,并自然消隐上下菜单。...MZGuidePages - 自己写通用导航页,可以直接引入工程使用,请参考案例(版本新特性,导航页,引导页)。 Wizardry.swift - 重用方法和框架实现向导式用户界面管理。

23.5K10

Material Design — 提示框( Dialogs)

左:提示框内容    右:全屏提示框 滚动内容例外 一些提示框内容需要滚动,例如铃声列表。 对于滚动选项列表,提示标题仍固定在顶部。...否则,标题会随内容一起滚动离开视野。 内容滚动,操作始终保持原位。 提示框与底层父级材料是分开,不会随其滚动。 ?...不该有明确取消按钮 明确说明 ·在简单提示框中,行高可以变化; ·简单对话框在屏幕上垂直和水平都居中显示; ·提示框与屏幕左右边缘距离应该至少为40dp,距离顶部和底部至少为24dp; ·该对话框内容距离提示框边缘为...全屏对话框实现复杂布局,将多个材料堆积情况简化(提示框上层提示框),并暂时将app感知海拔重置为更高。 全屏对话框允许任务在复杂操作开启简单菜单或简单提示框。...左:不要用“关闭”这样词作为确认    右:离开进行提示 导航 全屏幕对话框中使用“X”不同于向返回箭头,箭头能表示视图状态实时被保存。

5K101

PyQT模块、类、控件介绍

uic模块 所包含类用来处理.ui文件,该文件由Qt Designer创建,用于描述整个或者部分用户界面。它可以将.ui文件编译为.py文件,以便其他Python程序调用。...QFrame类 有框架窗口控件基类。它也被用来直接创建没有任何内容简单框架,但是通常要用到QHBox或QVBox,因为它们可以自动布置放到框架中窗口控件。...QMainWindow类 提供一个有菜单栏、锚接窗口(如工具栏)和状态栏主应用程序窗口。 QWidget类 所有用户界面对象基类。...要么通过按向上/向下键增加/减少当前显示值,要么直接将值输入到输入框中 QScrollBar窗口控件 提供了一个水平或垂直滚动条 QSlider控件 提供了一个垂直水平滑动条 QComboBox...QImage:用于将图片显示窗口上 QtWidgets常用控件类 QApplication:用于管理图形用户界面应用程序控制流和主要设置,是PyQt整个后台管理命脉。

42231

【交互探讨】无限滚动还是分页展示,这是个问题!

页脚显示,有一个按钮在需要显示和隐藏页脚 结合分页和无限滚动用户向下滚动页面并加载项目,我们可以将其作为动态分页呈现给用户(参见 Pepper.pl)。...滚动,页面的 URL 会发生变化,并且页码会在吸底底部栏中更新。用户还可以在分页下拉菜单导航到特定页面。当然,折叠面板也可以在点击打开页脚。...Pepper.pl图片 将分页和无限滚动结合在一个地方一个很好例子;唯一改进可能是稍微更好焦点样式和更好访问性导航跳转。...当用户继续向下滚动,标签会随着滚动增长而变化,还可以根据用户选择对项目进行排序任何条件进行使用。 如果用户按价格排序,我们可以在滚动条旁边显示动态价格标签。...当用户向下滚动页面,URL会被更新,我们也允许他们将URL复制到列表中的当前位置。 用户总是可以到达页脚,滚动条指示他们当前所在位置以及可以跳转到位置。

3.1K20

【iOS 开发】基本 UI 控件详解 (UIButton | UITextField | UITextView | UISwitch)

: 用户碰触高亮状态; -- Selected : 被选中状态; -- Disabled : 禁用状态; 为不同状态 UIButton 设置样式 :  -- "setTittle : forState...UITextField 是单行文本; -- 不能触发事件 : UITextView 没有继承 UIControl 控件, 不能绑定 IBAction 事件处理方法; -- 滚动 : UITextView...UIScrollView 属性简介 (1) UIScrollView 简介 UIScrollView 简介 :  -- 显示内容多 : 滚动控件, 可以使用手指拖动控件中内容, 在其中可以显示多个屏幕内容...Indicator : 水平滚动 Scroll View , 显示水平滚动条; -- Shows Vertical Indicator : 垂直滚动 ScrollView , 显示垂直滚动条; (..., 缩小放大比例超过控件 minimumZoomScale 或 maximumZoomScale 缩放限制, 迅速弹回;  -- Delays Content Touches : 手势完成后才能滚动

6.5K20

提高效率 |ArcGIS Pro 中所有快捷键一网打尽

打开快捷菜单(弹出菜单)。 F10 从功能区移至活动视图或窗格并返回功能区。 Ctrl+Tab 或 Alt+F7。将出现一个窗口,其中显示了工程中活动窗格和视图。使用方向键移至要激活视图或窗格。...T 显示折点。 绘制新线,按住可在指针附近显示现有要素折点。 空格键 捕捉。 创建或修改要素,按住打开或关闭捕捉功能。 Esc 或 Ctrl+Delete 取消编辑。...激活“浏览”工具 用于在激活“浏览”工具导航地图键盘快捷键 键盘快捷键 操作 注释 P 在 3D 场景中,从正上方向下(垂直)观看。 按一下此键,视图将自动平移,变为垂直向下显示数据。...Shift+Z+水平移动光标或 Shift+滚动鼠标滚轮 加快 z 变化速度。 按住 Shift 并转动鼠标滚轮。...Ctrl+滚动鼠标滚轮 放大或缩小表比例。 Ctrl+0 将表比例重置回 100%。 Shift+滚动鼠标滚轮 水平滚动窗口。 Ctrl+F 显示查找和替换命令。

68520
领券