在Optimizely中隐藏附加的div
在Optimizely中隐藏附加的div
提问于 2015-07-07 00:57:21
在下面的代码中，我无法在用户到达最后一段之前隐藏附加的div。div正在页面加载中显示，我希望只有当用户达到“最后”ID时才显示它。
$('body').append('<div id="optslidebox"></div>');
$(".slide-content > p").attr("id", "last");
window.scrollBox = function () {
$(window).scroll(function () {
/* when reaching the element with id "last" we want to show
the slidebox. Let's get the distance from the top to the element */
var distanceTop = window.$('#last').offset().top - window.$(window).height();
if (window.$(window).scrollTop() > distanceTop) {
window.$('#optslidebox').animate({'right': '0px'}, 300);
} else {
window.$('#optslidebox').stop(true).animate({'right': '-430px'}, 100);
}
});
/* remove the slidebox when clicking the cross */
$('#optslidebox.close').bind('click', function () {
$(this).parent().remove();
});
};回答 1
Stack Overflow用户
发布于 2015-07-18 00:05:03
问题来自于变体代码。"Right“设置为"0px”-一旦更改为"-999px“，则一切正常。以下是最终的变体代码：
window.scrollBox();
$("#related-posts").css({"z-index":"1"});
$("#optslidebox").replaceWith("<div id=\"optslidebox\" style=\"z-index:2; right: -999px;\">\n\t<a class=\"close\"></a>\n\t<p>Recommended</p>\n\t<h2>WHO ARE YOUR FAVORITE RAPPERS' FAVORITE RAPPERS RIGHT NOW?</h2>\n</div>");
$("#optslidebox > h2").wrapInner("<a href=\"http://greenlabel.com/sound/rappers-who-skate-skaters-who-rap/\"></a>");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31251527
复制相关文章
相似问题
腾讯云开发者
