如何在dreamweaver中使用javascript使元素固定在某一点上

我知道有许多问题与此类似，但在Dreamweaver中似乎没有一个解决方案适合我。有人能提供JavaScript代码或我可以轻松插入Dreamweaver文件的东西吗？
我需要应用它的代码如下…

<div id="full-box">
<center>
<div id="box">
<h1 class="full-box-text">header-text</h1>
<table style="padding-top:30px" class="nav-box">
<TR> <TD style="padding-right: 25px; padding-left: 25px; padding-bottom: 20px;" ALIGN="center">
  <p class="nav-box-content"><a href="#link1" class="smoothScroll">link1</a></p>
  </TD>
  <TD style="padding-right: 30px; padding-left: 30px; padding-bottom: 20px;" ALIGN="center">
  <p class="nav-box-content"><a href="#link2" class="smoothScroll">link2</a></p>
  </TD>
</TR>
<TR> <TD style="padding-right: 30px; padding-left: 30px;" ALIGN="center">
  <p class="nav-box-content"><a href="#link3" class="smoothScroll">link3</a></p>
  </TD>
  <TD style="padding-right: 30px; padding-left: 30px;" ALIGN="center">
  <p class="nav-box-content"><a href="#link4" class="smoothScroll">link5</a></p>
  </TD>
</TR>
</table>
</div>
</center>
</div>





#full-box {
z-index: 100;
padding-top: 700px;
padding-bottom: 200px;
background: none;
}

#box {
width: 400px;
height: 200px;
background-color: #fff;
padding-bottom: 20px;
}

.full-box-text {

padding-bottom: 10px;
border-bottom: 1px solid #000;
width: 300px;
}

.nav-box a {
text-decoration: none;
font-family: "quicksand light";
font-size: 25px;
line-height: 25px;
color: #000;
}

.nav-box a:hover {
text-decoration: none;
font-family: "quicksand light";
font-size: 25px;
padding-bottom: 5px;
line-height: 25px;
color: #000;
border-bottom: 2px solid #000;
}

.nav-box-content {
display: inline;
list-style-type: none;
padding-left: 10px;
padding-right: 10px;
}

标题文本




#满盒{
z指数：100；
填充顶部：700px；
垫底：200px；
背景：无；
}
#盒子{
宽度：400px；
高度：200px；
背景色：#fff；
垫底：20px；
}
.全文{
垫底：10px；
边框底部：1px实心#000；
宽度：300px；
}
.导航箱a{
文字装饰：无；
字体系列：“流沙灯”；
字体大小：25px；
线高：25px；
颜色：#000；
}
.导航框a：悬停{
文字装饰：无；
字体系列：“流沙灯”；
字体大小：25px；
垫底：5px；
线高：25px；
颜色：#000；
边框底部：2倍实心#000；
}
.导航框内容{
显示：内联；
列表样式类型：无；
左侧填充：10px；
右边填充：10px；
}

很抱歉，我无法理解您的代码，但我确实理解了您的要求。阅读有关如何使滚动定位停止在预定目的地的

片段

35951624
/*核心~~~~~~~~~~~~~~~*/
html{
框大小：边框框；
字体：300 16px/1.428“流沙”；
高度：100vh；
宽度：100vw；
}
*,
*：之前，
*：之后{
框大小：继承；
保证金：0；
填充：0；
}
身体{
位置：相对位置；
字号：1rem；
线高：1；
高度：100vh；
宽度：100vw；
溢出x：隐藏；
溢出y：滚动；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
背景：#000；
颜色：#eee；
显示器：flex；
柔性流动：柱状nowrap；
对齐项目：居中；
}
h1，
h2，
h3，
h4，
h5，
h6，
传奇{
字体变体：小大写字母；
边缘底部：15px；
颜色：#Fc3；
文本对齐：居中；
}
h1{
字体大小：1.5rem；
}
氢{
字体大小：1.4rem；
}
h3{
字体大小：1.3rem；
}
传奇{
字体大小：1.35rem；
}
p{
利润率：0.5px15px；
}
img{
显示：内联块；
宽度：25em；
高度：自动；
利润率：20px0；
}
a{
颜色：#Fc0；
文字装饰：无；
利润率：10px 20px；
显示：内联块；
}
a:悬停{
颜色：#CCC；
}
钮扣{
字体：继承；
线高：1.5；
填充物：1px 3px；
边界半径：8px；
边框：1px实心#fc2；
}
#机顶盒{
位置：相对位置；
顶部：90px；
}
#流浆箱{
位置：固定；
排名：0；
左：0；
右：0；
宽度：100%；
边框底部：3px开始#bbb；
高度：80px；
z指数：11；
背景：#000；
文本对齐：居中；
}
#脚踏箱{
位置：相对位置；
底部：0；
左：0；
右：0；
宽度：100%；
边框顶部：3件一开始#bbb；
文本对齐：居中；
高度：80px；
z指数：11；
背景：#000；
保证金：0自动；
}
#主箱{
宽度：100%；
身高：100%；
保证金：0自动；
位置：绝对位置；
顶部：100px；
}
.秒盒{
宽度：92%；
高度：50em；
边界：5倍山脊#999；
边界半径：12px；
保证金：20px自动；
}
李海军{
显示：内联块；
}
a、 锚定{
显示：块；
高度：90px；
利润上限：-90px；
可见性：隐藏；
}
Looooooooooooooooooooooonongggg标题










第一节
第二节
第三节
第四节
好的，您希望赋予哪个元素
位置：固定的
？这一点在哪里？或者这是什么时候？您使用的是DWCS6还是DWCC？我想修复整个div（#full box），当它从屏幕顶部获得250px时，我使用的是DWCS6:）需要您的CSS，例如
style.CSS
文件。刚刚添加到上面！我想你的意图是让每个链接滚动到页面上的某个位置，对吗？非常感谢！你能给我一点建议，在不停止工作的情况下，我可以自定义代码的哪些部分吗？：）请参阅更新。如果此答案解决了您的问题，请记住单击绿色复选标记：）