> For the complete documentation index, see [llms.txt](https://jirlong.gitbook.io/html/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jirlong.gitbook.io/html/jquery/stick_top.md). # stick top ## Sticky to top ![](/files/-MKi3_mhoYdWVI0NlmNh) ## Stick-top by bs4 class stick-top ## Stick-top by pure jquery ### HTML ```markup 4_3_1_Scroll_to_fix_js_simple
``` ### JS ```javascript ``` ## Hint: Stick-top modified ### HTML & CSS {% hint style="info" %} **Question:** 從上面的最簡範例改過來，我會把我的HTML Code會改成類似這個樣子。我要問的問題是，為何我要把`#tofix1`和`#tofix2`各自包在`
`中？\ \ **Answer:** 原因是，如果我用jquery把`
` fixed下來，那她的空間就會被釋放出來，此時，底下所有的\
都會往上跑，所以會有頁面的跳動。因此，我會把要被stick-top的`
`包在另外一個`
`中。這樣，我就可以用外部的\
來保留要被`fixed`的物件的空間，而避免後面的`
`因為前面的`
`被fixed而空間釋放之故往前彈。 {% endhint %} ```markup
``` --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://jirlong.gitbook.io/html/jquery/stick_top.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.