我在我的网站上使用jmpress.js,您可以使用以下锚点获取特定内容/幻灯片:index.htm#/ slide1,index.htm#/ slide2等
我也在使用像
这样的代码$('.click').click(function () {
$(".menu").animate({ top: '+=100' });
$("#logo").fadeToggle();
});
在到达另一张幻灯片时显示和隐藏不同的内容(如果用户点击“.click”,则另一张幻灯片从底部进入,替换主页)。 这显然只有你总是从“开始”页面开始(没有任何锚点)。
但是当您使用url index.htm#/ slide1直接访问该页面时,这两个项目显然不再显示或隐藏 - 它们应该在用户位于除起始页面之外的任何站点时自动显示。 有没有一种简单的方法(我不知道编码)呢?
所以基本上是这样的:
IF anchor #slide1, #slide2 {
$(".menu").animate({ top: '+=100' });
$("#logo").fadeToggle();
});
答案 0 :(得分:2)
if (window.location.hash){
var hash = window.location.hash.substring(1);
if (hash == "slide1" || hash == "slide2"){
$(".menu").animate({ top: '+=100' });
$("#logo").fadeToggle();
}
}