Question

我有一个侧边栏，其中包含一系列适用于公司的缩略图。这个想法是你向下滚动列表并选择一个拇指。一旦选择了拇指，它就会出现＆＃34;活跃＆＃34;因此具有更高的不透明度，然后显示该特定页面。

<div class="main_scroll">
    <ul>
        <li class="block1"><a class="active" href="Link here"><img src="#" height="100" width="140" alt="Absolute" /></a></li>
        <li class="block2"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="AMT" /></a></li>
        <li class="block2"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Atlas" /></a></li>
        <li class="block2"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Bellows" /></a></li>
        <li class="block1"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Bosman" /></a></li>
        <li class="block5"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="BWT" /></a></li>
        <li class="block3"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Calorstat" /></a></li>
        <li class="block3"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Composites" /></a></li>
        <li class="block6"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Connecticut" /></a></li>
        <li class="block3"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Damar" /></a></li>
        <li class="block4"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Ermeto" /></a></li>
        <li class="block4"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Jet" /></a></li>
        <li class="block6"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Senior" /></a></li>
        <li class="block2"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Metal Bellows" /></a></li>
        <li class="block3"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Mexico" /></a></li>
        <li class="block4"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="SSP" /></a></li>
        <li class="block1"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Weston" /></a></li>
        <li class="block1"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Thermal" /></a></li>
        <li class="block1"><a class="low" href="Link here"><img src="#" height="100" width="140" alt="Weston" /></a></li>
    </ul>


</div>

JSFiddle - http://jsfiddle.net/FCzVP/

我的问题是，一旦我点击了拇指＆＃34; Calorstat（例如）＆＃34;滚动视图返回到顶部，用户无法看到＆＃34; Calorstat＆＃34;是完全不透明或选择。这是一个明确的网络应用程序。

我假设我需要使用jQuery / Javascript来获得这个想要的效果？任何反馈都会很棒！

谢谢

Answer 1

删除href（attr），所以点击href =“＃”浏览器搜索一个内部id所以它转到网页的开头，我想是这样的：D

Answer 2

使用jquery，尝试：

$("a").click(function(e){
  e.preventDefault();
  //Add your codes here
});

溢出滚动在选定点停止

2 个答案: