我想要一个jquery代码,创建一个包含给定内容的div,然后向下滑动它。
目前我有这样的代码:
var newdivcontent = //ajax code here to bring new content
var newdivname = Math.floor(Math.random()*11);
$("#topofpage").after("<div id='"+ newdivname+"'>"+newdivcontent+"</div>");
$(newdivname).hide
下面有jQuery .slideUp和.slideDown函数,当到达浏览器窗口底部的#showfootershop div时,#footershop div向上滑动,然后立即向下滑动。
当#footershop位于浏览器窗口的底部,直到用户滚动浏览器窗口时,我如何才能使#showfootershop保持“向上”和可见?
Fiddle:
jQuery:
$(window).scroll(function(){
/* when reaching the element with id "showfootershop" we want to
show the slidebox.
这是有效的,但我不确定为什么。在function capIn()中,在我看来,$botcap.slideDown("slow")这一行应该向下滑动div。它把它往上滑。如果我尝试使用.slideUp(),就好像它试图向下滑动一样,什么也没有发生。有人能给我解释一下吗?
$(".slide").hover(capIn, capOut);
function capIn(){
//slide top caption down
var $topcap = $(this).children(".topcap");
$topcap.