html5
文章平均质量分 57
qq_21700537
这个作者很懒,什么都没留下…
展开
-
让DIV中的垂直滚动条自动滚到最底部
让DIV中的垂直滚动条自动滚到最底部在聊天窗口中当消息增多超过消息窗体DIV的高度时就会出现滚动条,但此时滚动条在绝大多数浏览器中都始终位于DIV的顶部,这样就会导致之后的消息看不见,必须往下拖动滚动条才能看到新的消息,如果做到当出现滚动条时,滚动条始终位于DIV的底部呢?方式一:设置DIV的scrollTop=scrollHeight;方式二:在DIV的底部添加一隐藏转载 2017-10-10 11:36:02 · 1474 阅读 · 1 评论 -
HTML meta viewport属性说明(mark)
什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大转载 2017-04-20 11:39:31 · 188 阅读 · 0 评论 -
如何用纯CSS将图片填满div,自适应容器大小,已有两个不太完善的方案
我有一个模板,想按常规做一个div里面放置一个img图片,并且让图片铺满容器,自适应容器大小。HTML结构代码如下(在这个盒模型上,我已经放置了一些不重要的样式)。<div style="height:270px;width:400px;border:2px black solid;"> <a href="http://www.paipk.com"><img ...转载 2018-04-10 18:09:03 · 7702 阅读 · 2 评论 -
多行文本溢出显示省略号(…)全攻略
多行文本溢出显示省略号(…)全攻略发表于 2014年09月30日 by 愚人码头 被浏览 548,960 次 分享到: 小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度...转载 2018-07-04 09:25:41 · 265 阅读 · 0 评论 -
用wow.js实现页面滚动时触发animate.css动画特效
有时候项目需要一些动画来提升用户体验,吸引用户注意力。这时wow是个不错的选择wow.js依赖animate.css,不需要jquery;animate.css是纯css动画 官网:http://mynameismatthieu.com/WOW/建议去官网一看bootstrap CDN服务:http://www.bootcdn.cn/wow/ 当您滚动时显示动画。非常Animate.css朋友:-...转载 2018-07-11 16:37:14 · 966 阅读 · 0 评论 -
移动端富文本踩坑
移动端富文本踩坑 移动端web vue.js最近在做一个vue的项目。之前的前端同事离职了,和女朋友去云南潇洒去了,剩下我一个苦逼坐在电脑前哒哒哒敲代码。刚刚接手就开始做移动端富文本编辑器的需求。主管说压了半个月,尽快做出来。在网上找了不少编辑器,前段时间做过react的后台项目,用了百度的编辑器。功能很多很强,遗憾的是ios不支持flash,在移动端并不适用。因为要兼容io...转载 2018-08-17 11:22:32 · 2680 阅读 · 0 评论 -
H5移动端弹出键盘时遮挡输入框
H5移动端弹出键盘时遮挡输入框2017年08月03日 11:00:03 风中乘凉 阅读数:11836在写移动端时,如果使用绝对定位Fixed将输入框(input或者textarea),当手机的输入法为自带输入法时可能问题不大,但是当使用类似搜狗等输入法时,由于会高出自带输入法大约30个像素,就会造成输入框被遮盖一部分的现象,很尴尬。下边简单说说简单的解决思路,当然还有复杂的。延时一...转载 2018-11-21 10:13:17 · 858 阅读 · 0 评论