HTML /剃刀

<div class="wmd-view-topscroll">
    <div class="scroll-div">
    </div>
</div>
<div class="wmd-view">
    @Html.Markdown(Model.Contents)
</div>

CSS

.wmd-view-topscroll,.wmd-view
{
    overflow-x: scroll;
    overflow-y: hidden;
    width: 1000px;
}
 
.scroll-div
{
    width: 1000px;
}

使用Javascript

<script type="text/javascript">
$(function(){
    $(".wmd-view-topscroll").scroll(function(){
        $(".wmd-view")
            .scrollLeft($(".wmd-view-topscroll").scrollLeft());
    });
    $(".wmd-view").scroll(function(){
        $(".wmd-view-topscroll")
            .scrollLeft($(".wmd-view").scrollLeft());
    });
});
</script>

这会正常显示底部滚动条但顶部滚动条已禁用,我在这里缺少什么？

提前致谢

UPDATE

即使我删除了javascript,输出也是一样的.似乎Java脚本代码没有执行,但没有列出javascript错误.