2017-08-27 36 views
3

ポップアップウィンドウ内にスクロールバーを追加して、ポップアップウィンドウ内の検索結果にアクセスする方法を教えてください。ポップアップウィンドウ内のスクロールバー

ポップアップウィンドウのための私のコード:

<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> 

Image1Image2

答えて

2

スクロールバーを強制するためには、あなたがこのように、それを受信したい要素にscrolloverflow-yを設定します。

#divID { 
    overflow-y: scroll; 
} 
0

div#divId 
{ 
    min-height:300px; 
    height:300px; 
    overflow:scroll; 
} 

ためのmin-height CSSに設定し、高さいくつかを持ってして、オーバーフロー設定:スクロール

0

.divID{ 
 
    overflow-x:hidden; 
 
    overflow-y:auto; 
 
    min-height:200px; 
 
    max-height:250px; 
 
}

代わりのidclassを与えるをあなたの部門。 私はoverflow-y:autoを与えているので、divにオーバーフローがある場合にのみスクロールバーが表示されます。

これが役に立ちます。

関連する問題