Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Scroll Bar Inside Popup Window

Tags:

html

css

How do I add a Scroll Bar inside the popup window so that I can access the search results inside the PopUp window?

My code for popup window:

<html>
<body>

<link rel="stylesheet" type="text/css" href="https://secure.duoservers.com/tld-search/api-search.css?color=0000ff&width=700"/>
<script type="text/javascript" src="https://secure.duoservers.com/tld-search/api-search.js?lang=en&store=7xhosting"></script>
<script type="text/javascript">
searchApiOptions = {
    store: "7xhosting",
    containerId: "divID",
    submitURL: "",
    selectedTld: "com",
    popupBox: true,
    floatingBox: false
};
</script>
<div id="divID"></div>

</body>
</html>

Image1 Image2

like image 440
shahbaz shaikh Avatar asked May 29 '26 08:05

shahbaz shaikh


1 Answers

To force the scrollbar, set overflow-y to scroll on the element which you want to receive it, like this.

#divID {
   overflow-y: scroll;
}
like image 115
Lazar Ljubenović Avatar answered May 31 '26 04:05

Lazar Ljubenović



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!