广告位 QQ:481681156
广告位 QQ:481681156
前端开发
纯javascript 平滑滚动到页面顶部

纯javascript 平滑滚动到页面顶部

纯javascript 平滑滚动到页面顶部html:<body id="top"><a href="#top" onclick="scrollToTop();return false">Back to Top &uarr;</a> javascript:var timeOut;function scrollToTop() { if (document.body.scrollTop!=0 || document....

禁止body滚动|移动端滚动穿透问题

禁止body滚动|移动端滚动穿透问题

定义:移动端弹出fixed弹窗的话,在弹窗上滑动会导致下层的页面跟着滚动,这个叫 “滚动穿透”解决方法:function fixedBody(){   var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;   document.body.style.cssText ...

HTML5-Placeholder实现input背景文字提示效果

HTML5-Placeholder实现input背景文字提示效果

这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示:这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的。但HTML5给我们提供了新的纯HTML的实现方式,不需要任何的JavaScript,只需要在你的input文本框的标记上添加HTML5规范里新增的placehold...

让网站页面变灰-配合全国哀悼日

让网站页面变灰-配合全国哀悼日

全国哀悼日 ,看到很多的网站,都将网站变成了灰色直接在*.css文件最前面加入均可body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 其他HTML页面html { filter:progid:DXImageTransform.Microsoft.BasicImage...