javascript - jqscroll/jqscrollTo 根本不工作

标签 javascript jquery-plugins

这引用了 http://jsfiddle.net/PDtRA/显示菜单 div 内的滚动 div。有没有办法让目标位于#menu 之外? 我有一个粘性标题,在顶部有固定位置。我试图让目标 div 在粘性标题下滚动。我使用与 fiddle 相同的 Ariel Flesler 滚动 js...但我的滚动不会。

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="javascript/jquery.localscroll-min.js"></script>
<script type="text/javascript" src="javascript/jquery.scrollTo-min.js"></script>

<script type="text/javascript">    
    // When the document is loaded...
    $(document).ready(function()
        {
    // Scroll the content inside the #scroll-container div
        //alert($('#menu').length);
        $('#menu').localScroll({
        target:'#hom'
        });   
    });
</script>
</head>

<body>
<div id="header">
    <div id="menu">
        <ul>
            <li><a href="#inter">INTERACTIVE</a></li>
            <li><a href="#time"> TIME</a></li>
            <li><a href="#vis">VIS-COMM</a></li>
            <li><a href="#dig">DIGI-PAINT</a></li>
        </ul>
      </div>
</div>

<div id="hom">
    <div id="inter"> some stuff</div>
    <div id="time"> some stuff</div>
    <div id="vis"> some stuff</div>
    <div id="dig"> some stuff</div>
</div>

网址:http://www.pensyl.com/p51StudentH.html

最佳答案

在id=hom的div上设置溢出滚动的样式

<div id="hom" style="overflow:scroll;">
    <div id="inter"> some stuff</div>
    <div id="time"> some stuff</div>
    <div id="vis"> some stuff</div>
    <div id="dig"> some stuff</div>
</div>

希望对您有所帮助。

关于javascript - jqscroll/jqscrollTo 根本不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20297320/

相关文章:

javascript - 将数字结果添加到 NaN

javascript - 用于 Firebase 规则的 JsonPath

jQuery的scrollTo插件不起作用

javascript - 为什么 jquery sortable 不适用于 Canvas ?

jquery - 将焦点集中到 jQueryUI 对话框中的第一个表单元素

javascript - 将 <span> 绝对定位在 &lt;textarea&gt; 的底部

javascript - 我的购物车不会重置(javascript 函数)

javascript - jquery 最小富文本框插件

javascript - jQuery 插件未定义,尽管已正确包含在我的 js 代码之前

javascript - TypeORM AfterSave() 在创建后触发,但在查询时返回 NULL