Get 2024 Templates Mega Bundle!14 Bootstrap, 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)


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.



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




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.



I went back and check the offline documentation and the example was working fine in version v8.0.38


but it stop working in v8.1.0



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!



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.
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  :(