Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Max Bond

    (@max-bond)

    Hi!
    There is a solution.
    Make a copy of your top widget, place it at sidebar bottom.
    Fix bottom widget only!

    so it only starts showing during the empty space at the end

    Solution above will give you the same result!

    Thread Starter middayminer

    (@middayminer)

    Thanks for replying! That sounds like a functional approach, but can there also be a way to hide that widget until the sticky function is triggered? I don’t want show visitors that I’m using a copy of the widget to do this…

    Plugin Contributor Max Bond

    (@max-bond)

    but can there also be a way to hide that widget until the sticky function is triggered?

    You can try to hide second widget with this javascript:

    <script type="text/javascript">
    jQuery(document).ready(function() {
      var widget = jQuery('#you_widget_id');
      widget.css('visibility','hidden'); // hide widget
      jQuery(window).scroll(function() {
        if (widget.css('position') == 'fixed') {
          widget.css('visibility','visible'); // show widget
        } else {
          widget.css('visibility','hidden'); // hide again
        }
      });
    }
    </script>

    Code not tested, but should work )
    Replace you_widget_id with actual widget id taken from html source code. Place this script in head section of your page.

    Thread Starter middayminer

    (@middayminer)

    Oh wow, this is the first time a plugin author has given me actual new code in response to a desired function…thank you very much, Mr Bond. ??

    I am using Q2W3 plugin on my website. All I want is, that my sidebar widget should remain fix till my content goes on to the page, while scrolling down. once the user reaches post navigation and comments, the widget must scroll up as with content. this happens in damn lol website

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Show sticky widget only at certain point?’ is closed to new replies.