jQuery固定元素插件滚动固定用户指南

这个插件前一段时间用了一次，当时换了一个网站。当滚动条滚动时，要求顶部的菜单栏被固定。一般我也写过，只是在文章里提到过。文章地址：jQuery插件的固定元素位置。在这篇文章中，再次做一个总结。

I. scrolltofixed插件功能

固定一个元素的位置，当页面滚动时该元素仍然会显示。

二.scrolltofixed的官方地址

https://github.com/bigspotteddog/ScrollToFixed。官方地址有说明，下面有插件属性方法的描述。演示中还有详细的用例，可以下载阅读。

Iii .如何使用scrolltofixed

Scrolltofixed插件仍然被广泛使用。我们可以修复顶部、侧边栏或“修复页面中的任何元素”。通过与其他插件一起使用，可以获得非常好的效果。如果滚动条被检测到某个位置，则显示某个元素。在测试用例中，我们使用scrolltofixed插件和scrollto插件。具体效果可以在下面的“测试文件”中看到。

1.参考文件

Scrolltofixed插件使用起来非常简单，只需要引用两个js。一个文件是jquery，另一个是scrolltofixed插件需要的js文件。

脚本类型=' text/JAVAScript ' src=' http : jquery . min . js '/script script type=' text/JAVAScript ' src=' http : jquery-scroltofixed . js '/script 2 . CSS样式文件。我们不需要样式文件来使用插件，但是我们需要定义固定位置的元素，并且我们需要为元素定制样式。这里没有发布样式文件，但是你可以看到下面的“测试文件”。

3.js代码。初始化可以一句话实现，初始化属性可以根据需要设置。例如，元素的样式、固定时显示的样式以及固定元素不再固定。你可以看到官方演示。

//这个测试只是一个固定的元素，使用默认属性$('#operbox ')。scroltofixed()；

4.使用的html。固定位置的元素需要使用html。你可以看到下面的“测试文件”。

在测试scrolltofixed插件时，为了提高测试用例的效率，同时使用scrollto插件，scrollto插件用于滚动到指定的元素。测试环境：ie8浏览器，chrome，火狐。测试结果：

以上就是本文的全部内容，希望大家喜欢。