Html specific coordinates (x & y axis) and scroll bar

Ask the community
,
1

Hi guys!

I have an html component in one of my pages in my website (namely, page1 ) and in that html, I linked it to my other page (namely, page2 ) so I may be able to see or view page2 through html inside page1 . The problem is that the html can be scrolled in x and y axis (can be scrolled up and down, and also left to right), but I wanted to disappear the scroll bar for the x axis only (the scroll bar which could scroll left and right). And also, I want to view the center part only of page2 which means to say there is a specific coordinates in x and y axis.

Note: When I used the below code, both the scroll bar at the bottom and right side of the html component will be gone. I would like to have scroll bar at the right side and no scroll bar at the bottom of the html component.

$w("#html1").scrolling = "no";

Do any of you know how to do this? I hope you understand what I meant. :sweat_smile:
Thank very much for your time to help me with this one!

2

Anyone?

3

I don’t know of a way to do this using the .src property of the HtmlComponent to embed a page.

You might be able to do this by writing your own HTML/JS/CSS script that controls the placement and scrolling options, and then embedding it in the HtmlComponent.

4

Thanks for you reply @yisrael-wix ! :grin:

Actually, there’s a website about this which could remove the scroll in only y or x axis (by using overflow-x and overflow-y), but it is in html code. I wanted to know if there’s a code which I could put in my front end page code or something like linking the html settings code with the front end page code.

I believe there’s a way to do this. I just don’t know it… :sweat_smile:

Here is the website → CSS Overflow

5

Does anyone know how to make the scroll bar in y-axis only when I have two scroll bars in my html component? Please help! :cry: