Question

我从这里得到了代码，rossipedia的主要解决方案： fixed sidebar until a div

这是我的Tumblr page以及脚本影响的部分代码（main替换为内容）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
...

<style type="text/css">
#sidebarwrap {
  margin: 0 0 1.5em;
  width: 16.2em;
  float: left;
  position: relative;
}

 #sidebar {
  margin: 0 0 1.5em;
  width: 16em;
  height: 570px;
  position: absolute;
}

#sidebar.fixed {
  position: fixed;
  top: 0;
}

#footer {
  border-top: 4px solid {color:Footer Border};
  background: {color:Footer Background};
  color: {color:Background};
  clear: both;
  margin: 0;
  overflow: auto;
  padding: 0 0.5em;
}

#content {
  margin-bottom: 4.5em;
  margin-left: 18.5em;
  min-width: 500px;
  min-height: 550px;
}
</style>
</head>

体

<body>
<div id="contain">
    <div id="sidebarwrap">
    <div id="sidebar">
    ...Stuff...
    </div>
    </div>

    <div id="content">
    ...Stuff...
    </div>
</div>

<div id="footer">
<div id="footer-container">
...Stuff...
</div>
</div>

然后我在/ body之前包含了脚本，如下所示：

<script type="text/javascript">
    ...Script...
</script>

我会进行拼写检查并确保一切正常，但这一切都胜利了。至少不是那个JS。我使用的其他JS工作得很好......脚本应该让我的侧边栏向用户滚动，然后在重叠页脚之前停止。然而，脚本行为喜欢它甚至没有，侧边栏不会移动一英寸...... 哎呀，我甚至在Fiddle页面上篡改了原版，使其与我的页面布局和排序相同，而且它仍然运行得很好。

我错过了什么吗？每个人都在谈论JQuery，我不完全确定那是什么，或者我是否应该使用它...如果有人可以帮我看看我做错了什么，我就是＆＃39 ; d真的很感激！：＆＃39; d

Answer 1

看起来您需要在页面上加载jQuery才能使用您添加的代码。 jQuery是一个JavaScript库;它提供了“$”功能。

要在您的网页中加载jQuery，请在之前添加固定边栏代码：

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> // Your code here </script>

不确定如何将Javascript代码添加到Tumblr

1 个答案: