Keep Scrollbar about sidebar HOT 25 CLOSED

Do you mean this option?

Have you checked out the demo pages? Especially this one?

Have you properly migrated to the latest version?

Can you post your snippet code?

from sidebar.

events: {
        callbacks: {
            animation: {
                freezePage: false
            }
        }
    }

from sidebar.

Hi, thank you for you reply !

here is the sidebar in action :

http://goo.gl/k6XJsM

I have just tried to add that freesPage option but it do not seam to have an effect.

  var closingLinks = '.close-sidebar';
   $('#sidebar').show();
    var $sidebar = $('#sidebar').simplerSidebar({
        opener: '.navbar-toggler',
        animation: {
            duration: 500,
            easing: 'easeOutQuint'
        },
        sidebar: {
            align: 'left',
            width: 250,
            closingLinks: closingLinks,
        },
        mask: {
            display: true
        },
        events: {
        callbacks: {
            animation: {
                freezePage: false
            }
        }
    }

    });

I have installed it using bower:

 "simpler-sidebar": "^1.4.11",

from sidebar.

Just tried upgrading to the latest version but with the same code which worked before I get :

Uncaught TypeError: Cannot read property 'trigger' of undefined

from sidebar.

Do you use Bower, npm or did you just download the code from Github?

1. YOU HAVE TO UPDATE YOUR LOCAL PACKAGE TO V2.0.2
   • v1.x.x is not compatible with v2.x.x. Read the Semantic Versioning wiki to know more about it. That is stated also right here!
   • OPTIONS HAVE CHANGED! Did you read the changelog? YOU HAVE TO MIGRATE TO V2.0.2!!
   • DID YOU READ THE OPTIONS DOCUMENTATION?
2. Have you followed the getting started guidelines?
3. Your code is old and full of mistakes!!!
   • Please update the package and your custom options to v2.0.2!!! THAT MEANS THAT YOU HAVE TO UPDATE THE OPTIONS TOO!!!!!!!!!

var $sidebar = $( "#sidebar" );

$sidebar
    .show()
    .simplerSidebar( {
        align: "left", // the new sidear.align
        selectors: {
            trigger: ".navbar-toggler", // the new opener
            quitter: ".close-sidebar" // the new closingLinks
        },
        animation: {

            //duration: 500, // that is default, you can remove this line
            easing: "easeOutQuint"
        },
        sidebar: {
            width: 250
        },
        /*
        ** This is default, you can remove this option!
        mask: {
            display: true
        },
        */
        events: {
            callbacks: {
                animation: {
                    freezePage: false
                }
            }
        }
    } );

from sidebar.

Duplicate of #16

from sidebar.

If you need some help, please ask.
But be sure to read all documentation before asking!

from sidebar.

Please, help up upgrade the plugin!
pardon ?

YOU HAVE TO UPDATE YOUR LOCAL PACKAGE TO V2.0.2
yes I tried via bower and the zip

Have you followed the getting started guidelines?
yes

Your code is old and full of mistakes!!!
Please update the package and your custom options to v2.0.2!!! THAT MEANS THAT YOU HAVE TO UPDATE THE OPTIONS TOO!!!!!!!!!

keep cool

Have a nice day!

from sidebar.

What I am trying to say is that you ugraded the package but not your options.

When packages have to be upgraded from v1.x.x to v2.x.x this means that the new version is a major release, thus the two options and packages won't live nice together.

Everything is changed. That is why the package isn't working, you are using the old options api. That means that you have to upgrade them.

I also rewrote your options upgrading them to the new features and options in v2.0.2 before:

var $sidebar = $( "#sidebar" );

$sidebar
    .show()
    .simplerSidebar( {
        align: "left", // the new sidear.align
        selectors: {
            trigger: ".navbar-toggler", // the new opener
            quitter: ".close-sidebar" // the new closingLinks
        },
        animation: {

            //duration: 500, // that is default, you can remove this line
            easing: "easeOutQuint"
        },
        sidebar: {
            width: 250
        },
        /*
        ** This is default, you can remove this option!
        mask: {
            display: true
        },
        */
        events: {
            callbacks: {
                animation: {
                    freezePage: false
                }
            }
        }
    } );

I have provided a brand new getting started guide along with the v2.0.2, a brand new doc folder with all explanations of the new options and a changelog too with a migrate section that helps to bring old features to the new ones. And you are just ignoring them!

I also gave you the links in the previous posts and you didn't read them.

I am angry because I am telling you this several times, but you just keep ignoring what I am saying.

from sidebar.

Anything is fine :)
you know... , these messages are not in real time.
I have immediately inspected you links and upgraded to version 2.0.2 as well as the code you kindly provided for me. But it didn't worked, yet.

I cant test it further right now, since out webserver is doing some updates at the moment and not responding :/

If you like I keep you posted.

Thank you very much for your time !

from sidebar.

Yes, please! Keep me updated! But please, do not edit previous post, because I can't be notified of that changes!

from sidebar.

Yeah editing posts seam to be less good and lead to misunderstandings :)

from sidebar.

As soon as your server will be online I will inspect the source code. Maybe there are some issues with other packages or plugins. In the mean time, check all new demo pages!

from sidebar.

The Server is back.
Looks like the sidebar gets initialized but the trigger have no effect.
Here is the code I am using :
http://goo.gl/GEAoEf

from sidebar.

I need to see the source code of the entire HTML page! Right now I don't have a PC to inspect it, I will answer you as soon as I get to a PC.

By now try to remove the show method and all comments!
Also check if the selectors are right!

from sidebar.

I need to see the source code of the sentire HTML page!
Here ya go :

<button class="navbar-toggler hidden-md-up" type="button">
    &#9776;
</button>

<div id="sidebar" class=''>
    <div id="sidebar-wrapper" class="sidebar-wrapper bg-primary z-depth-1">
        <a href="/" title="home" class="sidebar-brand p-a-1">
            <img class="img-fluid" src="{{'/assets/images/logo/image.jpg' | theme}}" alt="JumpLink Logo">
        </a>

        <div class="list-group">
            <a href="{% if this.page.id != 'home' %}{{'home'|page}}{% endif %}/shipping" class="close-sidebar list-group-item">Shipping</a></li>
            <a href="{% if this.page.id != 'home' %}{{'home'|page}}{% endif %}liner-services" class="close-sidebar list-group-item">Liner Services</a></li>
            <a href="{% if this.page.id != 'home' %}{{'home'|page}}{% endif %}port-agency" class="close-sidebar list-group-item">Port Agency</a>
            <a href="{% if this.page.id != 'home' %}{{'home'|page}}{% endif %}offshore" class="close-sidebar list-group-item">Offshore</a>
            <a href="{% if this.page.id != 'home' %}{{'home'|page}}{% endif %}contact" class="close-sidebar list-group-item">Contact</a>          
        </div>
    </div>
</div>

var $sidebar = $( "#sidebar" );

$sidebar
    .show()
    .simplerSidebar( {
        align: "left", // the new sidear.align
        selectors: {
            trigger: ".navbar-toggler", // the new opener
            quitter: ".close-sidebar" // the new closingLinks
        },
        animation: {

            //duration: 500, // that is default, you can remove this line
            easing: "easeOutQuint"
        },
        sidebar: {
            width: 250
        },
        /*
        ** This is default, you can remove this option!
        mask: {
            display: true
        },
        */
        events: {
            callbacks: {
                animation: {
                    freezePage: false
                }
            }
        }
    } );

By now try to remove the show method and all comments!
That was the first i tried :)

Also check if the selectors are right!
of course 8)

from sidebar.

Are the changes online at the previous link you provided to me? I managed to inspect the source code with my mobile at this link. I can't see at the bottom of the page the jquery and jquery-ui CDN s nor the sidebar options code!

from sidebar.

The sidebar is initialized here:
http://goo.gl/GEAoEf

See the console, console.log('navigation.js called');
that verifies that the file is running and jquery present.
Besides that version 1.4 was working except the freeze option

from sidebar.

please do not post the link public which contains client names .

from sidebar.

OK, I'll answer you later when I get to my PC. I removed the links!

from sidebar.

the following assets are combined :

<script src="{{ [
    'assets/vendor/jquery/dist/jquery.min.js',
    'assets/vendor/jquery-ui/jquery-ui.min.js',
    'assets/vendor/tether/dist/js/tether.js',
    'assets/vendor/bootstrap/dist/js/bootstrap.js',
    'assets/vendor/slick-carousel/slick/slick.js',
    'assets/vendor/masonry/dist/masonry.pkgd.min.js',
    'assets/vendor/simpler-sidebar/dist/jquery.simpler-sidebar.min.js'
]|theme }}"></script>

output:
goo.gl/zKhb01

yeah take you time !

from sidebar.

OK, so everything is included but I still can't find out why the sidebar
isn't responding. Demos works fine, so I fear there are incompatibility
issues with other plugins!

from sidebar.

I try to narrow it down

from sidebar.

I finally had time to inspect your code carefully and in the file where you combine the vendor libs, the simpler-sidebar plugin is not updated.

As you can see, this is the header I've found at the bottom of the page:

/*! simpler-sidebar v1.4.11 (https://github.com/dcdeiv/simpler-sidebar#readme)
** Copyright (c) 2015 - 2016 Davide Di Criscito
** Dual licensed under MIT and GPL-2.0
*/

The current header is:

/*! simpler-sidebar v2.0.2 (https://github.com/simple-sidebar/simpler-sidebar#readme)
** Copyright (c) 2015 - 2016 Davide Di Criscito
** Dual licensed under MIT and GPL-2.0
*/

The simpler-sidebar plugin has been moved from https://github.com/dcdeiv/simpler-sidebar to https://github.com/simple-sidebar/simpler-sidebar. If you are using Bower there should not be any problems because I manually changed the bower repository to link to the new git repository.

However, if you are using a task runner such as Grunt or Gulp, you should run the combine command again to fetch the latest updates!

from sidebar.

Application Cache cleared and anything is working !

Thank you very much !

from sidebar.