Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Images zoom to bottom cente #37

Closed
Soitora opened this issue Jan 26, 2022 · 6 comments
Closed

Images zoom to bottom cente #37

Soitora opened this issue Jan 26, 2022 · 6 comments

Comments

@Soitora
Copy link

Soitora commented Jan 26, 2022

Hey, all my images are zooming to the bottom middle if the page has enough content to make it scrollable, are you aware of a calculation that can be overwritten to fix this?

Thanks

image

@tomickigrzegorz
Copy link
Owner

And this is not due to the fact that this page has an iframe and there are pictures in it?

@Soitora
Copy link
Author

Soitora commented Jan 26, 2022

And this is not due to the fact that this page has an iframe and there are pictures in it?

I don't build the website, it's the site my company uses but it's so ridicilously badly coded so I use a Userscript to add features and correct a lot of stuff

They're not in a <iframe>, here's a quick look at the html elements
image

@tomickigrzegorz
Copy link
Owner

tomickigrzegorz commented Jan 26, 2022

Consequently, I have no idea what is wrong.
The question is whether you are able to put this html static html on http://codepen.io/ or some other page where I can download it and check what and how. Only that best with styles to reflect the problem.
From the pictures alone, I am not able to deduce what is wrong.

EDIT:

Userscript - This is some browser add-on that can be injected with other libraries? If so, then maybe that's the problem. The zooom library needs to be injected preferably at the end of the page.
You can also try calling the library in this way.

window.addEventListener('DOMContentLoaded', function() {
   new Zooom('img-zoom');
});

I've never used browser add-ons like this, so I don't know how they work.

@Soitora
Copy link
Author

Soitora commented Jan 27, 2022

Userscript - This is some browser add-on that can be injected with other libraries? If so, then maybe that's the problem. The zooom library needs to be injected preferably at the end of the page. You can also try calling the library in this way.

Hmm works perfectly in the Codepen environment which is almost a carbon-copy, but not on the actual website
Probably has something to do with injecting it, I will do some experiments

@tomickigrzegorz
Copy link
Owner

That's what I was afraid of, okay, I'm closing the thread for now.

PS. Check the link to this plugin and see how it works. Maybe there is a workaround for this problem.

@Soitora
Copy link
Author

Soitora commented Jan 27, 2022

I'll try, thanks for the help so far

@Soitora Soitora closed this as completed Jan 27, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants