滚动时简单的粘性<div>不粘(使用stickUp)</div>

时间:2014-01-27 21:09:51

标签: javascript jquery sticky

JSFiddle:http://jsfiddle.net/EKG3r/ 我的头标记:

<head>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="stickUp.js"></script>
        <script type="text/javascript" src="stickUp.min.js"></script>
<script type="text/javascript">
    jQuery(function($) {
        $(document).ready( function() {
            $('.sticky').stickUp();
            });
          });
</script>
    <link href='http://fonts.googleapis.com/css?family=Arbutus+Slab' rel='stylesheet' type='text/css'>
    <link rel="icon" 
          type="image/png" 
          href="http://www.electrobureau.com/1/favicon.ico">
    <title>
        electro bureau | 1-1 an introduction
    </title>

</head>

但是,蓝色条只是拒绝坚持滚动。我确信这个问题非常简单,但我无法深究它。任何见解都深受赞赏。

1 个答案:

答案 0 :(得分:1)

您的引用无效,因此未定义stickUp方法。

如果您从Stickup获取代码并将其粘贴,则可行:Fiddle