Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$

Sticky not working in documentation


In documentation for Sticky component the example does not work
https://preview.keenthemes.com/html/metronic/docs/general/sticky


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (7)


And it works in 1366x768 if I take off some of the content in the side bar example to make it shorter, I was wondering why it work in some instances and not in others, so I guess it is dependent of the height of the sticky element in combination with resolution. Thanks again and sorry for the confusion.



Sure thing, always glad to help you out. If you need any further help please do let us know happy


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.

Yes that seem to be the issue I check with 1920x1080 and it works but in 1366x768 does not although it used to work in 1366x768 in version 8.0.38 any way mistery solved. Thank you!



I went back and check the offline documentation and the example was working fine in version v8.0.38
<img src="https://i.postimg.cc/KvgX7h2N/v8-38.jpg" class="w-100" alt="">

but it stop working in v8.1.0
<img src="https://i.postimg.cc/kMH3tXkG/v8-10.jpg" class="w-100" alt="">



Now I'm confused I talking about the same example but for me it does not work using Firefox 104.0 or Chrome 104.0.5112.102

<img src="https://i.postimg.cc/brXK2XbF/chrome.jpg" class="w-100" alt="">
<img src="https://i.postimg.cc/BbxRThBZ/firefox.jpg" class="w-100" alt="">



Hi,

May I know your screen resolution? If the screen does not have enough height the sticky panel is not activated. We have included this fix in the recent v8.1.x update to fix some reported bugs regarding the sticky panel activated based on available screen height. Can you try it with a larger screen or try to zoom out your browser view to simulate a larger screen view?

Regards.



Hi,

Could you clarify which example does not work ? The sidebar example works if the browser height has enough space. If you are referring to other examples please let us know which one and we will double check it.



Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(