slideDown(),slideUp(),slideToggle()关于指定盒子向下,向上缩放

$(this).find('ul').slideDown()(向下展开,并将指定的display变为block)

$(this).find('ul').slideUp()(收回,将指定元素display变为none)

$(this).find('ul').slideToggle()(自动判断当前指定元素是展开还是收回。)

 

//元素顶部距离屏幕底部的值

var nowclienh = document.documentElement.clientHeight - $(this).offset().top;

document.documentElement.clientHeight(屏幕高度)  

$(this).offset().top (指定元素到屏幕顶部值)  

 

 var nowheight = $(this).find('ul').height() + 30;(指定元素的ul标签的高度值)

 $(this).find('ul').css({ "margin-top": -nowheight-4+"px" })(指定元素里面的ul标签,将其的css样式margin-top属性改为指定值)

如果想让slideDown向上展开,将指定元素的margin-top的值设为负值(如上一行)

posted @ 2017-11-15 12:04  。妖妖灵  阅读(612)  评论(0)    收藏  举报