-
position:fixed
相对于浏览器窗口进行定位
查看全部 -
hover,指一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法
查看全部 -
实现侧栏菜单的功能,可以平缓的过渡查看全部
-
动画 animate 值 对象查看全部
-
滚动条 scroll 窗口 window查看全部
-
$(window).trigger('scroll'); 自动触发scroll事件查看全部
-
sidebar.css('transform','translate(' + sidebar.width() + ‘px’ + ‘,0)’);查看全部
-
js中css和animate表示方法: css:css('color','red'); animate:animate({'width':-50px});查看全部
-
display:none可用fadeIn()淡出查看全部
-
rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度, 而rgba()只作用于元素的颜色或其背景色 比如:rgba可是的一个div背景变暗,而opacity可使得div中的文字也变暗查看全部
-
.fadein 显示查看全部
-
position:fixed 全局盖住查看全部
-
页面控制台输出 console.log查看全部
-
css扁平化查看全部
-
特08听 机器人3查看全部
-
让程序 自己 触发查看全部
-
纯javascript实现,没有平滑滚动,backtop是按钮元素的id,在样式表中请事先给按钮设置visibility: hidden;样式 //滚动事件 window.addEventListener('scroll', function() { //给非chrome safari浏览器 if(document.getElementsByTagName('html')[0].scrollTop) { var htmltop = document.getElementsByTagName('html')[0] if(htmltop.scrollTop > 0) { backtop.style.visibility = 'visible'; }else{ backtop.style.visibility = 'hidden'; } } else { var bodytop = document.getElementsByTagName('body')[0] if(bodytop.scrollTop > 0) { backtop.style.visibility = 'visible'; }else{ backtop.style.visibility = 'hidden'; } } }, false); //按钮事件 backtop.addEventListener('click', function() { if(document.getElementsByTagName('html')[0].scrollTop) { document.getElementsByTagName('html')[0].scrollTop = 0; } else { document.getElementsByTagName('body')[0].scrollTop = 0; } backtop.style.visibility='hidden'; }, false);查看全部
举报
0/150
提交
取消