js固定顶部代码，js固定顶部代码怎么用

如何通过js让div在页面滚动中固定不动

不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

通过css定位，来设置div在页面滚动中固定不动，CSS position定位属性 static 元素框正常生产relative 相对定位： 相对于正常定位进行偏移 absolute 绝对定位： 相对于其包含块定位.因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。

貌似css可以；position：fixed；但是ie6不能识别这个属性；所以你还要写一个ie6的hack。

亲你好，我前几天刚刚做了一个这个效果。下面我将分享给你。 首先你去网上搜索一个Jquery的插件 这个插件的名字叫做【jquery.scroll-follow.js】 引用一个CSS的样式 引用这个插件的使用函数就可以。

相关问答

Q1: 使用js或jq控制一个div,当滚动到页面顶部的时候固定在顶部,离开可继续...

这样的话，DIV就会固定在页面顶部，宽度等于浏览器窗口的宽度，高度自定义。

可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。

首先我们新建一个web项目，主要用到了html文件和css文件。然后在html文件中，有图中的代码，引入css文件和设置一个div标签。然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。然后运行项目后，可以看到div在右下角。

首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。用border先来查看是否有超出，这里可以看出超出了很多内容。

Q2: js怎么让一个div块始终保持在页面的固定位置,求列子

1、position：fixed； top：0px； left：0px； right：0px；height： 40px；position：fixed；是指定位相对于浏览器窗口， top：0px； left：0px； right：0px，这样的话，DIV就会固定在页面顶部，宽度等于浏览器窗口的宽度，高度自定义。

2、div id=div1 style=width：100px； height：100px； background：#ccc；/div /body script var oDiv = document.getElementById(div1)； oDiv.style.position = fixed； oDiv.style.top = 20px； oDiv.style.left = 20px； /script 主要思想就是，在js中修改div的位置。

3、可以把该元素的定位设置为fixed，该元素就会始终在那个位置，不过要注意IE6下不支持固定定位，兼容IE6可以通过JS实现，不过JS实现的是滑动效果，要想在IE6下也实现固定定位那样的效果没办法做到。

4、新建html文档。书写hmtl代码div class=box ！--代码开始--div class=main/divdiv class=subdiv class=sub01/divdiv class=sub01/divdiv class=fixed我是固定的哟/div/div！--代码结束--/div。书写css代码。

5、使用CSS CSS让DIV固定位置不随滚动条而滚动，fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。

6、在 JS获取div高度的方法 中，整理了几个有关于获取div高度的方法，后来又遇到一个问题，怎么获取DIV在页面中的绝对位置，因此在这篇笔记中记录一下。 页面结构 样式 getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top， right， bottom， left等属性。

Q3: 固定的DIV,当滚动条到一定位置时一个DIV就固定了怎么做

1、首先我们新建一个web项目，主要用到了html文件和css文件。然后在html文件中，有图中的代码，引入css文件和设置一个div标签。然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。然后运行项目后，可以看到div在右下角。

2、使用CSS CSS让DIV固定位置不随滚动条而滚动，fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。

3、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。

4、很多时候，需要对div进行固定，比如在线咨询模块，这就需要固定div在显示页面的位置，而不能随滚动条滚动。思路：将需要固定的div做成悬浮框，目的是能和别的div块重合，然后当触发滚动条事件，动态改变div坐标。

5、首先新建一个html页面，然后在这个html代码页面创建一个div标签，同时给这个div添加一个class类为footer。然后设置footer类，把div固定在底部。创建style标签，在该标签内设置通过position： fixed；bottom：0设置footer类样式，把div固定在底部。

Q4: 网页设计如何设置网页部分内容不随着滚动条而移动移动?

fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 left， top， right 以及 bottom 属性进行规定。我们平时所说的固定定位指的就是fixed，设置了固定定位的元素不会随滚动条上下滚动。

首先，如果你的网站基于WebKit内核的浏览器（如Safari或Chrome），可以利用CSS的高级特性来实现这一目标。在CSS的初始化部分，你可以这样操作：：-webkit-scrollbar { display： none； }这段代码告诉WebKit内核的浏览器，滚动条应完全隐形，不会显示在用户界面中。

首先新建一个web项目，主要用到了html文件和css文件。然后在html文件中，有图中的代码，引入css文件和设置一个div标签。然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。运行项目后，可以看到div在右下角（为了模拟这里的body高度设置很高，足够滚动条下拉到底部的）。

关于js固定顶部代码和js固定顶部代码怎么用的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。