Home/ Questions/Q 7809319
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T03:23:50+00:00

I would like to replace the default scrollbar of my site ( THIS page

  • 0

I would like to replace the default scrollbar of my site (THIS page in particular) using a jQuery plugin called TinyScrollbar. However, for some reason I’m getting the following error on the page:

jquery.tinyscrollbar.min.js:1Uncaught TypeError: Cannot read property 'offsetHeight' of undefined

You can see this error by inspecting element in Chrome.

Might anyone have any ideas why this error is occurring? The code I am using to initialize the plugin can be seen below:

$('#full-height-template-container').tinyscrollbar();
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem is that you do not use the plugin as you’re supposed to use it.

    The error (in firefox firebug), using the source file of tinescrollbar, shows: oViewport.obj[0] is undefined.
    If you look a few lines up in the source code you can see that the property obj of oViewport is defined as : $('.viewport', root). In here root is your container. Apparently it doesn’t find a html element with the class .viewport . Your page doesn’t contain a html element with such a class!

    If you look at tinyscrollbar’s website you can see in the ‘How to’ section how to build up the proper HTML for the plugin to work.

    Maybe an easier (similar plugin) you can use is jScrollPane. Does not require the HTML to be set up like tiniscrollbar’s.

    • 0