2014-08-28 61 views

回答

0

幻灯片元素的信息,元素由滑动下来,眼帘中。但是如果我们想从底部向上滑动并进入视野呢?这里的诀窍是使用一些明智的CSS。让我们先从一个简单的HTML结构:

HTML

<div id="slidebottom" class="slide"> 
    <button>slide it</button> 
    <div class="inner">Slide from bottom</div> 
</div> 

CSS

.slide { 
    position: relative; 
} 
.slide .inner { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
} 

的JavaScript

$(document).ready(function() { 
$('#slidebottom button').click(function() { 
$(this).next().slideToggle(); 
}); 
}); 

阅读教程here ...

相关问题