滚动条

元素的显示与隐藏

由 女生的网名这么多〃 提交于 2020-02-23 03:31:40
1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！ 1.1 display 显示（重点） display 设置或检索对象是否及如何显示。 display: none 隐藏对象 display：block 除了转换为块级元素之外，同时还有显示元素的意思。 特点： 隐藏之后，不再保留位置。 实际开发场景： 配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单， 应用极为广泛 1.2 visibility 可见性 (了解) 设置或检索是否显示对象。 visibility：visible ; 　对象可视 visibility：hidden; 　 对象隐藏 特点： 隐藏之后，继续保留原有位置。（停职留薪） 1.3 overflow 溢出(重点) 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。 属性值 描述 visible 不剪切内容也不添加滚动条 hidden 不显示超过对象尺寸的内容，超出的部分隐藏掉 scroll 不管超出内容否，总是显示滚动条 auto 超出自动显示滚动条，不超出不显示滚动条 实际开发场景： 清除浮动 隐藏超出内容，隐藏掉, 不允许内容超过父盒子。 1.4 显示与隐藏总结 属性 区别 用途 display 隐藏对象，不保留位置 配合后面js做特效

H5监听浏览器滚动条scrollbar

由 旧街凉风 提交于 2020-02-22 15:54:24
监听滚动条scrollbar（适配手机） 1. document.documentElement.scrollHeight：整个html的高度，含被隐藏界面高度 2. window.pageYOffset：被滚动卷去的高度 3. window.innerHeight：可见窗口高度，不变的 4. 其中2加3的高度大于等于1的高度表示滚到底部 5. 注：设置body监听滚动onscroll不能设置body的height: 100%就可用 来源： https://www.cnblogs.com/dlm17/p/12345415.html

杂记（隐藏滚动条及鼠标滚轮事件）

由 谁说胖子不能爱 提交于 2020-02-17 06:07:28
本次目的：要实现一个全屏网页，隐藏滚动条，当滚动 鼠标滚轮 时，屏幕像按帧数一样切屏而不是默认的滚动 1 隐藏滚动条 想要全屏演示隐藏滚动条，这里想到的方法是把 <body> 元素设置 overflow:hidden ，然后再设置包裹元素定义 width:102%; ， overflow-y:hidden; 以及 overflow-x:auto; ，并且使用 js 计算浏览器的高度再定义该包裹元素的高度与之相等，这些的目的是：想要在内实现一个内容可自行滚动的元素，然后将其的滚动条溢出 <body> 元素，而由于 <body> 元素定义了 overflow:hidden; ，所以就可以把滚动条隐藏掉，而由于设置包裹元素的高度等同于浏览器，因此 <body> 元素也可以无需生成滚动条。具体代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> *{ margin:0px; padding:0px; } .container{ width: 102%; overflow:hidden; overflow-y: auto; padding-right: 2%; height: 500px; } </style> <script type="text/javascript" src=

滚动条窗口

由 孤街醉人 提交于 2020-02-16 06:37:18
#include<Windows.h> #include<strsafe.h> HINSTANCE hinst; HWND hwndMain; #define LINES 28 LRESULT CALLBACK WndProc(HWND hwnd, UINT uMsg, WPARAM wParam, LPARAM lParam) { HDC hdc; PAINTSTRUCT ps; TEXTMETRIC tm; SCROLLINFO si; static int xClient; static int yClient; static int xClientMax; static int xChar; static int yChar; static int xUpper; static int xPos; static int yPos; int i; int x, y; int FirstLine; int LastLine; HRESULT hr; size_t abcLength; static TCHAR *abc[] = { TEXT("anteater"), TEXT("bear"), TEXT("cougar"), TEXT("dingo"), TEXT("elephant"), TEXT("falcon"), TEXT("gazelle"), TEXT("hyena

记Python Tkinter控件学习1

由 余生长醉 提交于 2020-02-15 07:50:34
Label——标签控件，可显示文本 参数 win:父窗体 text:显示文本的内容 bg:背景色 fg:字体色 font:font是一个元组 width:宽 height:高 wraplength:行宽 justify:设置换行后的对齐方式 anchor:设置方位 n s w e center 可以组合使用 label = tkinter.Label(win, text='first Label', bg='blue', fg='red', font=('黑体', 25), wid=10, height=10, wraplength=100, justify='left', anchor='w' ) Button——按钮控件 参数 win:父窗体 text:按钮文字 command:点击按钮执行动作（可以是lambda表达式或函数名） def hello(): print('hello world') button = tkinter.Button(win, text="按钮", command=hello) Entry——输入控件 参数 show:密文显示字符 e = tkinter.Variable()（e可理解为输入框对象） entry = tkinter.Entry(win, textvariable=e) e.set("value") #设置值 print(e.get()

WEBAPP开发技巧总结

由 梦想的初衷 提交于 2020-02-15 00:08:10
自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。 WebApp与Native App有何区别呢？ Native App： 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有一个恶心的提示）。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法，它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件，可以放在Apple Stroe出售，但是Web app却不行。 Web App： 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户，在服务端更新文件即可，用户完全没有感觉 3、维护比较轻松 和一般的web一样，维护比较简单，它其实就是一个站点

WEBAPP开发技巧总结

由 萝らか妹 提交于 2020-02-15 00:05:11
自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。 WebApp与Native App有何区别呢？ Native App： 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有一个恶心的提示）。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法，它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件，可以放在Apple Stroe出售，但是Web app却不行。 Web App： 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户，在服务端更新文件即可，用户完全没有感觉 3、维护比较轻松 和一般的web一样，维护比较简单，它其实就是一个站点

WEBAPP开发技巧总结

由 怎甘沉沦 提交于 2020-02-15 00:04:27
自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。 WebApp与Native App有何区别呢？ Native App： 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有一个恶心的提示）。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法，它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件，可以放在Apple Stroe出售，但是Web app却不行。 Web App： 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户，在服务端更新文件即可，用户完全没有感觉 3、维护比较轻松 和一般的web一样，维护比较简单，它其实就是一个站点

WEBAPP开发技巧总结

由 风流意气都作罢 提交于 2020-02-15 00:04:14
自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。 WebApp与Native App有何区别呢？ Native App： 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有一个恶心的提示）。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法，它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件，可以放在Apple Stroe出售，但是Web app却不行。 Web App： 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户，在服务端更新文件即可，用户完全没有感觉 3、维护比较轻松 和一般的web一样，维护比较简单，它其实就是一个站点

WEBAPP开发技巧总结

由 旧街凉风 提交于 2020-02-14 23:58:30
自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。 WebApp与Native App有何区别呢？ Native App： 1、开发成本非常大。 一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦 每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有一个恶心的提示）。 3、非常酷 因为native app可以调用IOS中的UI控件以UI方法，它可以实现WebApp无法实现的一些非常酷的交互效果 4、Native app是被Apple认可的 Native app可以被Apple认可为一款可信任的独立软件，可以放在Apple Stroe出售，但是Web app却不行。 Web App： 1、开发成本较低 使用web开发技术就可以轻松的完成web app的开发 2、升级较简单 升级不需要通知用户，在服务端更新文件即可，用户完全没有感觉 3、维护比较轻松 和一般的web一样，维护比较简单，它其实就是一个站点
订阅 滚动条