Page Jumping On Long Images

Custom CSS & Theme Design
1

First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck? Delete this line and proceed.

What I’m trying to do

When I’m using obsidian I’ve created notes that have long images in them. When I’m scrolling in reading mode to read the note the page will jump when I scroll down or up near the bottom of the image.

Things I have tried

2

I’ve created a video to show the problem

https://i.imgur.com/PcpNe0y.mp4

3

What CSS snippet(s) and/or theme are you using to float the image right?

If you share the CSS and an example image where you see the behavior, we could have a look at what’s going on

4

This is what I’m using

[!NOTE|clean no-i right]+ ‎**Computer Programming Modifiers & Vr Speed Zone Rules**
![[Pasted image 20240206120544.png|500]]
![[Pasted image 20240206121134.png|500]]

I’m using ITS Theme

Someone told me it something to do with electron or something but I don’t know what that means.

5

Did I provide you with the right information?

6

I didn’t have your images or know all the settings involved so just guessed, but as I scroll fast the image(s) and text black out for me.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

> [!NOTE|clean no-i right] + ‎**Computer Programming Modifiers & Vr Speed Zone Rules**
> ![[tall-giraffe.png|400]]
> ![[tall-giraffe.png|400]] 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

As far as I know, Obsidian dynamically loads and unloads content as you scroll so you could be bumping into this with tall images. It may be beyond SlRvb to help or fix, but you could post an issue on the ITS page to see what they say:

https://github.com/SlRvb/Obsidian--ITS-Theme/issues

7

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.