Perfect-scrollbar: Option to add margins to scrollbar

[corysimmons]

Cmd + F instances of top: where it's changed by css, add option to add a custom value to this.

I tried and it seemed to work, but then the scrollbar broke and would scroll down forever.

[hatashiro]

Hi!

Currently, the scrollbar is not made to work well with the margin on top or bottom.
And I'm afraid I don't exactly know if it's possible to implement it without changing the source code.

I'm very sorry and I'll update the issue when there're some ways to do it.

Thanks.

[aaaaahaaaaa]

Is there now a way to achieve this ? I'd need to apply a margin-top and margin-bottom to the scrollbar in order for the scrollbar to be contained in a smaller zone that the actual height of the scrollable element (if that makes sense...).

Currently, if I set margin-top to the y-rail, the scrollbar scrolls endlessly.

[hatashiro]

@aaaaahaaaaa It's been implemented. Please refer to examples/scrollbars-with-margin.html. In short, just give margin style to scrollbar rails.

Thanks!

[aaaaahaaaaa]

Thank you for answer.
It works with the margin-top, but when margin-bottom is set, it scrolls endlessly.

[hatashiro]

I've just modified the example as you said like below and it works just fine.

.large-margin .ps-scrollbar-y-rail {
    margin-top: 100px;
    margin-bottom: 100px;
    opacity: 0.5;
    background-color: #eee;
}

The infinite scrolling maybe the different issue. Please check if there is any additional padding/margin/border set in the plugin's components. Ensuring the latest version is used may help too. If you still have the issue, please report the problem with some fiddle or example code as a separated issue.

[aaaaahaaaaa]

Thanks ! Problem solved.