Question

首先，抱歉我的英语不好......

好的，情况如下：

我有一个单页网站，其导航栏看起来像这样

<ul>
    <li><a href="link1">#section1</a></li>
    <li><a href="link2">#section2</a></li>
</ul>

另外我运行了一个jquery脚本，它将导航栏淡入或淡出，并添加或删除类.selected到listitem，其中包含当前在屏幕上可见的id链接（scrollspy）。

现在问题出现了：

我想抓住与.selected类的链接，例如＆＃34;＃第2节＆＃34;然后我想让div可见。

也许我认为太复杂了。可怜的问题是：告诉我特定网站上的特定div。我认为已经运行的脚本可以提供帮助。也许我错了。

请帮助我！

谢谢

编辑：

尝试向下滚动这个创建不好的小提琴;）在第2页上，仅在第2页上出现div id问题！ http://jsfiddle.net/2a555dyy/

Answer 1

如果这不是解决方案，你可以附加一个jsfiddle吗？：）

$('a.selected').click(function() {
      $('.sites').fadeOut();
      $('#side1 .myDiv').fadeIn();
});

在这里找到我的例子：

http://jsfiddle.net/h7wwe8xg/

Answer 2

div（您要打开和关闭）位于何处？我认为你可以用简单的CSS显示/隐藏div。

.div {display: none}
#section2 .div {display: block}

您可以使用spyscroll提供的钩子来制作更高级的动画（淡入/淡出）。快速研究让我觉得这是可能的：

$('.tile').on('scrollSpy:enter', function() {
    // put your fade in code here
});

$('.tile').on('scrollSpy:exit', function() {
    // fadeout code here
});

Div淡入特定条件

2 个答案: