अगर सामग्री ओवरफ्लो हो जाती है, तो overflowX . के साथ समाधान संपत्ति बाएं/दाएं किनारे के मुद्दों को हल करने और स्क्रॉल सेट करने के लिए। स्क्रॉल जोड़ने से आगंतुक पूरी सामग्री को आसानी से पढ़ सकते हैं।
उदाहरण
जावास्क्रिप्ट के साथ अतिप्रवाह पर सामग्री के बाएं/दाएं किनारों के साथ क्या करना है, यह जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -
<!DOCTYPE html>
<html>
<head>
<style>
#box {
width: 350px;
height: 150px;
background-color: orange;
border: 3px solid red;
white-space: nowrap;
margin-left: 20px;
}
</style>
</head>
<body>
<p>Click to use overflow property and set scroll.</p>
<button type="button" onclick="display()">Set Scroll</button>
<div id="box">
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
</div>
<br>
<br>
<script>
function display() {
document.getElementById("box").style.overflowX = "scroll";
}
</script>
</body>
</html>