Add Scrolling

RavanH,

While deleting the mousewheel js file in the other plug-in fixed the problem, it caused a separate problem. When I test my page load speed with Pingdom, it shows that file as not being able to load, adding 2 seconds of waiting time to my page.

Apparently, I did not properly delete the other mousewheel js file. Any advice please? If you tell me how to properly delete/deconflict, I could try seeing if I could restore that other file (not sure if it’s too late).

FYI, the other plug-in is Headway’s GalleryPlus.

Thanks.

The problem is exactly the fact that you succesfully deleted the other file. You see, deleting the file while leaving the request in the page source code active, results in 404 pages getting generated for each request for this non-existant file. The visitors browser waits until it receives this 404 response before going on with rendering the rest of the page…

What you can try is putting back the mousewheel script file that you deleted (download the headway gallery plugin zip file, open the zip and find the file in there, upload with FTP) and next go to the FancyBox options on Media > Settings. There you can find an option ‘Include jQuery Mousewheel extension…’ which you can uncheck. Save and test your site.

The mousewheel script included by the headway gallery plugin will probably also work for FancyBox ??

RavanH,

I was able to reinstall the Headway plug-in to get it back working properly, but now FancyBox is once again not scrolling with the mouse.

I had tried the setting solution that you mention (even though that box is already unchecked by default), and that does not work.

Other suggestions please?

Thanks.

@tszabo a link to your site might tell me more…

Sure. I had included it in earlier post above, but here it is again:

Link is at [worldwideweb].travelshak[dotcom]/destinations/big-island-hawaii/abc-stores A lightbox (inline content) link is Package Details under the Beach Package on the right sidebar. There’s also a lightbox (iFrame) used for Yelp reviews (on left), which appears to be scrolling fine.

Thanks.

Oh right, yes. Sorry. I see your point now. If you do not need mousewheel at all (even if it is included by the other plugin) then instead of removing it, you could replace that other mousewheel file by an empty one. But that really is just a work-around for the original issue.

I’ll be looking for a more permanent solution in the next release ??

Ok, tried that. Created empty notepad file and renamed it the mousewheel js file (of the other plug-in), while renaming the original version .old. Unfortunately, scrolling still not working.

So, to recap, scrolling only works when I deleted the mousewheel js file of the other plug-in, but that created a page load issue when my website tries loading this file (that no longer exists).

If you have any other suggestions, please let me know. Otherwise, hopefully the next release will have the permanent solution.

Thanks.

Have you cleared your browser cache? It’s probably using a cached mousewheel.js …

That was it — thanks!

Regarding my other somewhat related question, while the scrolling now works, when I scroll to the bottom of the lightbox and it reaches the end, it then automatically scrolls the larger page behind it (and same if scroll to top of lightbox), even if the cursor is still in the lightbox. This is awkward and seems like a bug.

Any settings or fixes for this?

The scrolling you see is just how most browsers work. First it scrolls content where the mouse is over, then the whole page. The same behaviour can be seen with form fields that have scolling or divs with overflow or iframes. Same goes for content presented in a lightbox…

I might be able to ‘catch’ mousewheel action that happens outside the lightbox frame but I’ll have to look into that. If I find a good work-around, it might make it into the next version ??

RavanH,

I checked out other webpages and their use of lightboxes, and it appears the difference is that their lightbox remains in a constant position while scrolling the main page behind it. With Easy FancyBox, on the other hand, the lightbox jumps around before adjusting back to the center of the page. This is awkward. If you haven’t already, check out my webpage link in my previous post to see what I mean.

Is there anyway to fix this so the lightbox remains in a constant position even when the page in the back is scrolling?

I tried unchecking the “Center while scrolling” setting, but all this did was slow down the adjustment.

If this is something that may be fixed in a future version, any estimate on timing would be appreciated, as I’m trying to figure out whether to look for another lightbox…

Thanks.

Ok, that jumpiness…

Can you check https://www.status301.com/easy-fancybox-sandbox/ where the current development version is installed to see if you still get that jumping effect? If so, there is not much I can do about it. It’s just the result of how the original FancyBox was built, I think…

Yeah, it’s jumpy on that site ??

I’ll probably look for another lightbox plug-in, but thanks for all your responses/troubleshooting!