CODEWITHSUNDEEP
jquerycssfancyboxscrollbarfancybox-2
user2827414
user2827414

Reputation: 11

Remove or Hide Vertical Scrollbar in Fancybox 2.1.5

I want to remove or hide the greyed-out vertical scrollbar when I am viewing pictures with FancyBox 2.1.5 on the following example page:

http://fancyboxtest.co.nf/

I've tried pretty much every solution found on google with zero results, can anyone please help...

Upvotes: 1

Views: 9605

Answers (2)

user2827414
user2827414

Reputation: 11

thanks JFK but someone suggested solving this by changing, in the jquery.fancybox.css file, the following:

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

into this

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: auto;
}

and it worked perfectly ! thanks again

Upvotes: 0

JFK
JFK

Reputation: 41143

After you have loaded your fancybox css file, add this CSS declaration, either in inline in your page or inside a custom css file :

.fancybox-lock .fancybox-overlay {
    overflow-y: hidden !important;
}

See JSFIDDLE

Upvotes: 2

Related Questions