vitae | 👨‍💼 Personal resume powered by Jekyll | Theme library

I've been testing out the Intersection Observer API specifically, in React. I'm running into an issue where, when I set the options argument's root property, the observer cannot properly identify when elements are visible. If that wasn't entirely clear, please see my code below:

I have a page in Bootstrap 4. When I added the footer a vertical scrollbar is coming. I don't want the vertical scrollbar. I want the whole page including the footer to adjust within the viewport height. How can I achieve this. Here is the jsfiddle.

(https://jsonplaceholder.typicode.com/posts) This is my API response (Focus on userId and id)-

I have a problem but my thoughts are knotted, I want to get help here!

"Requirement"

when the mouse hoveres to the yellow block, the blue block should be slowly slid down from its original place. When the mouse leaves, the blue block can be slowly folded upwards.

I don’t know how to write it here, it’s easier?

Thank you everyone for watching my question, and thank you again.

I need by clicking on the "Forward" button to clone content from one DOM place and display it in another place. The first part of the problem was solved. But I also need that when I click on the button "Back" - the content has returned to its original place. Here are my results for now:

I would like to ask you a question. I hope that when the yellow block is displayed, when the mouse hovers over the yellow block stone, the original blue block can be displayed again!

But I still can't achieve the effect after trying it for an afternoon. Would you like to ask everyone to help me see if there is a problem? Thank you all for your help.

I am new to webdevelopment and have this issue. For this I created a Codepen

For the 6 cards I wanted to ad an image. When I hover over the image it should swap the card and show content. So when the first three cards swaps it still shows up an image instead of the content as the under the first three cards.

So my idea is: when I hover over an image it should swap the card and show only a white background with content as the under three cards.

Can anyone assist me here on how to do it?

I am trying to use react-faq-component but having an issue. I've more or less copied the same example as that in the link (with additional typscripting).

So far, my code looks like:

index.tsx

I created 4 custom post types : 'dissertation', 'subject-free', 'subject-imposed', 'curriculum-vitae'

I have created a metabox that I want to display on 3 custom post types : 'dissertation', 'subject-free', 'subject-imposed'.

When I want to create a post on 'curriculum-vitae'. I got an error : Error: An error occurred while running 'mapSelect': Cannot read property '_metafield_presentation' of undefined