滚动

作者: 中二死军宅 | 来源:发表于2018-12-12 22:44 被阅读0次

链式调用
jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写:
('#div1') // id为div1的元素 .children('ul') //该元素下面的ul子元素 .slideDown('fast') //高度从零变到实际高度来显示ul元素 .parent() //跳到ul的父元素,也就是id为div1的元素 .siblings() //跳到div1元素平级的所有兄弟元素 .children('ul') //这些兄弟元素中的ul子元素 .slideUp('fast'); //高度实际高度变换到零来隐藏ul元素 动画 通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。('#div1').animate({
width:300,
height:300
},1000,swing,function(){
alert('done!');
});
参数可以写成数字表达式:
('#div1').animate({ width:'+=100', height:300 },1000,swing,function(){ alert('done!'); }); 尺寸相关、滚动事件 1、获取和设置元素的尺寸 width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height outerWidth()、outerHeight() 包括padding和border的width和height outerWidth(true)、outerHeight(true) 包括padding和border以及margin的width和height 2、获取元素相对页面的绝对位置 offse() 3、获取可视区高度(window).height();
4、获取页面高度
(document).height(); 5、获取页面滚动距离 (document).scrollt op();(document).scrollLeft(); 6、页面滚动事件(window).scroll(function(){
......
})

作者:BaiBao丶
链接:https://www.jianshu.com/p/54986fa4d891
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

相关文章

  • 监听scrollview停止滚动

    方法1 滚动开始 滚动结束: 手动停止滚动 自动停止滚动 方法2 滚动开始 滚动结束

  • css滚动

    布局:水平滚动,垂直滚动 垂直滚动: 水平滚动: css样式:

  • css滚动

    布局:水平滚动,垂直滚动 垂直滚动: 水平滚动: css样式:

  • CSS 隐藏滚动条 但可以滚动

    垂直滚动,用鼠标滚轮滚动 横向滚动 其他垂直滚动方法

  • UIScrollView常用方法

    -指定滚动视图的滚动尺寸。滚动视图正常工作必须要指定滚动视图的滚动尺寸 scrollView.contentSiz...

  • UIScrollView 代理

    滚动时执行 开始滚动时执行 滚动后手指离开屏幕时执行 滚动后手指离开后执行 手指后滚动时 滚动结束执行

  • scroll和wheel事件

    scroll 1 .scroll事件在滚动条滚动时被触发2 . scroll检测的是滚动条的滚动,当滚动条不能滚动...

  • 几种无限不间断滚动效果

    1.向上滚动 2.向下滚动 3.向左滚动 4.向右滚动

  • WeChat小程序视图篇~Scroll-view

    scroll-view 是什么? 微信小程序滚动视图,分为横向滚动,纵向滚动。以及滚动事件。 如何用? 纵向滚动-...

  • 微信小程序 - 6.组件(scroll-view)

    scroll-viewscroll-view组件为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设...

网友评论

      本文标题:滚动

      本文链接:https://www.haomeiwen.com/subject/rpsmhqtx.html