当滚动到锚定标记时，jQuery滑出一个DIV
当滚动到锚定标记时，jQuery滑出一个DIV
提问于 2012-12-13 11:51:58
我想在一个指定的页面区域内，在一个长的垂直1页的网站内，滑动一个包含内容的DIV。
我有它的设置与6个DIV区块；
块5我有一个CSS3 / jQuery动画包装在一个DIV --我想滑到页面(从左或右)与jQuery。
我正在考虑从一个固定的锚点确定滑动点，把它放在我想让DIV滑入的区域的标记内。
我怎么能写这个；
..something喜欢--如果是锚标签；SlideIn？
类似的东西；
slideLeftHide: function() {
return this.each(function() {
$(this).hide('slide', {direction: 'left'}, 1000);
});回答 1
Stack Overflow用户
回答已采纳
发布于 2012-12-13 12:51:37
试着做这样的事情：
var animInTriggeredAt = $("a#slidein").offset().top; //show when the anchor comes on stage
var animOutTriggeredAt = animInTriggeredAt + $(window).height(); //hide when it leaves the stage
var animActive = false;
// handle scroll event
$(window).scroll(checkScrollCues);
function checkScrollCues(){
var scrollY = $(window).scrollTop();
if (scrollY > animInTriggeredAt && scrollY < animOutTriggeredAt && !animActive){
animActive = true;
$("#myAnimatedDiv").show(); //put whatever animation code you want in here
} else if ((scrollY < animInTriggeredAt || scrollY > animOutTriggeredAt) && animActive){
animActive = false;
$("#myAnimatedDiv").hide(); //put whatever animation code you want in here
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13867369
复制相关文章
相似问题
腾讯云开发者
