अलग-अलग 2 divs की प्रोग्रामेटिक स्क्रॉलिंग

मेरे पास 2 स्क्रॉल करने योग्य div है जिसमें ऑड्स वाले ऑब्जेक्ट हैं मैं दृष्टि से संरेखित करने की कोशिश कर रहा हूं - जहां ओबीजे और एफएफ विभिन्न divs में हैं

var el = document.getElementById(obj);
el.scrollIntoView(true);
var el = document.getElementById(ff);
el.scrollIntoView(true);

अब क्या होता है कि स्क्रॉलिंग वस्तु को धारण करने वाले div के लिए विशिष्ट नहीं है। यही है, स्क्रॉलिंग दोनों divs पर एक साथ है। मैं अलग-अलग divs में वस्तुओं को स्क्रॉल करने में सक्षम होना चाहता हूं, उम्मीद है कि केवल जावास्क्रिप्ट/सीएसएस का उपयोग कर रहा हूं। उम्मीद है कि यह पर्याप्त है। जोड़ा गया: फ़ील्ड: इस उदाहरण में http://jsfiddle.net/wTjR6/2/ obj और ff एक ही क्षैतिज स्तर पर खत्म होना चाहिए।

0

1 उत्तर

शायद आप div कंटेनर की scrollTop प्रॉपर्टी सेट करने का प्रयास कर सकते हैं।

// JavaScript
var el = document.getElementById("obj");
el.parentNode.scrollTop = el.offsetTop - 5;

// jQuery
$("#ff").parent().scrollTop($("#ff").offset().top - 5);

Fiddle: http://jsfiddle.net/wTjR6/1/

0
जोड़ा
ऑब्जेक्ट ऑफ़सेट करना umm, ऑब्जेक्ट ऑफ़सेट करके यह प्रतीत होता है कि स्क्रॉलिंग अलग नहीं है।
जोड़ा लेखक user3053807, स्रोत
jsfiddle.net/wTjR6/2 में दिखाया गया मेरा मामूली बदलाव यह बताता है
जोड़ा लेखक user3053807, स्रोत
क्षमा करें, तत्काल उत्तर के लिए धन्यवाद जोड़ने का मतलब है लेकिन इसके बजाय पोस्ट किया गया। अंतिम परिणाम एक ही क्षैतिज स्तर पर एफएफ और ओबीजे होना चाहिए। उम्मीद है की वो मदद करदे
जोड़ा लेखक user3053807, स्रोत
newbe त्रुटि, अतिरिक्त filler जोड़ा और विज्ञापित के रूप में काम करता है। बहुत धन्यवाद यह एक बहुत सारी परेशानी बचाओ।
जोड़ा लेखक user3053807, स्रोत
"अलग नहीं" से आपका क्या मतलब है? मैं इस धारणा के तहत हूं कि आप ऑब्जेक्ट को अपने मूल कंटेनर में स्क्रॉल करना चाहते हैं?
जोड़ा लेखक Hans, स्रोत
समझा। हमने इसे सेट किया है ताकि यह ऑब्जेक्ट को पैरेंट के शीर्ष पर स्क्रॉल कर सके। "एफएफ" ऑब्जेक्ट पैरेंट के नीचे है, इसलिए हम इसे शीर्ष पर स्क्रॉल नहीं कर सकते हैं (उस स्थान को भरने के लिए "एफएफ" के तहत कुछ भी नहीं है)। आप इसे सेट कर सकते हैं ताकि यह ऑब्जेक्ट को पैरेंट के नीचे स्क्रॉल कर सके, लेकिन यदि ऑब्जेक्ट पैरेंट के शीर्ष पर है तो आप उसी समस्या में भाग लेंगे। jsfiddle.net/wTjR6/5
जोड़ा लेखक Hans, स्रोत
कोई समस्या नहीं, खुश मैं मदद कर सकता हूँ।
जोड़ा लेखक Hans, स्रोत