जावास्क्रिप्ट: स्क्रॉल द्वारा एक div

Question

पर निष्पादित फ़ंक्शन द्वारा मेरे पास overflow: scroll; के साथ एक div है और मैं एक बटन रखना चाहता हूं। जब आप इसे दबाते हैं, तो div स्क्रॉल की सामग्री।

कुछ की तरह:

function scrollDiv() { 
 
    document.getElementById("d").scrollBy(100, 100); 
 
}

<div id="d"> 
 
    <p>Click the button to scroll by 100px.</p> 
 
    <button onclick="scrollDiv()">Click me to scroll!</button> 
 
</div>

यह एफएफ में काम करता है, लेकिन क्रोम में नहीं। क्रोम में मैं

Uncaught TypeError: undefined is not a function

मिल scrollBy समारोह window समारोह के रूप में परिभाषित किया जा रहा है, इसलिए मुझे लगता है कि इस समस्या है, और यह एफएफ में मानक से काम कर रहा है नहीं।

लेकिन क्या ऐसा करने का कोई और तरीका है? मैं jQuery का उपयोग नहीं कर रहा हूं, और मैं नहीं चाहूंगा।

Answer 1

आप इस कोशिश कर सकते हैं:

function scrollDiv(){ 
    document.getElementById("d").scrollTop += 100; 
    document.getElementById("d").scrollLeft += 100; 
}