Question

jScrollPane我遇到了一些麻烦。我在垂直窗格中创建了一个链接列表。这些链接触发jquery加载到另一个div。当我向下滚动链接列表并单击一个链接时，它会将窗格滚动到顶部并且不会触发加载。如果滚动位于顶部，则负载正常。

--html--
    <div id="projects" class="span-9" style="margin:0 !important">
        {% for project in projects %}
            <a href="project/{{ project.id }}/details">
                <div class="left clear" style="width:335px; margin:0 !important; {% if loop.first %} border-top:1px solid #AAA;{% endif %} border-bottom:1px solid #AAA;">
                    <img src="{{asset(project.thumbnail)}}" class="left" style="width:150px; height:100px; margin:5px 5px 5px 0;">
                    <span style="font-weight:bold">{{ project.title }}</span><br>
                    {{ project.short }}
                </div>
            </a>
        {% endfor %}
    </div>

    <div id="details"></div>

--js--  
    $(function(){   
        $('#projects').jScrollPane();

        $("#projects a").live("click", function(){
            $("#details").load(this.href);
            return false;
        });
    });

--cs--
        #projects{ height: 667px; overflow:auto ;}

任何人都知道为什么会这样吗？

Answer 1

我遇到了同样的问题。我所做的是删除div周围的<a>标记，并在div上放置onclick以重定向。这解决了我的问题;希望它能为你做同样的事情！

Answer 2

也许迟到了，但是当你坚持使用hrefs时，这里会发布一个很好的解决方法：https://groups.google.com/forum/?fromgroups=#!topic/jscrollpane/Ww1jwPVfAKE

jScrollPane点击滚动到顶部

2 个答案: