अंक #3480💬 उत्तर दियाखोला गया 25 मई 2021द्वारा samichamoun1 प्रतिक्रियाएं

भद्दे स्क्रॉलिंग से बचने के लिए संपादक की ऊंचाई को गतिशील रूप से कैसे नियंत्रित करें

त्वरित उत्तरद्वारा ahmedderkaoui❤ 1

px के बजाय vh के साथ काम करने की कोशिश करें। उदाहरण के लिए: संपादक को height: '80vh' दें, आपका नेवबार height: '20vh'. इस तरह, ऊर्ध्वाधर स्क्रॉल को कभी भी दिखाया या आवश्यक नहीं किया जाएगा जब तक कि सभी तत्वों का योग 100 vh ≤ न हो आशा है कि यह मदद करेगा।

नीचे पूरा उत्तर पढ़ें ↓

प्रश्न

मैंने देखा है कि अगर इनिशियलाइज़ फ़ंक्शन में मैंने एक ऊंचाई निर्धारित की है तो यह एक विशिष्ट पिक्सेल राशि के आधार पर सेट होगा जैसे ऊंचाई: "500px"। हालाँकि यदि आप प्रतिशत के साथ सेट करने का प्रयास करते हैं उदाहरण के लिए ऊंचाई: "90%" संपादक की कोई ऊंचाई नहीं है। इसके अलावा मैं सोच रहा हूं कि अगर कुछ भी सेट नहीं है तो ऊंचाई क्या निर्धारित की जा रही है क्योंकि यह स्वचालित रूप से एक पिक्सेल राशि की गणना करता है जो पूरे पृष्ठ (जैसे 100%) का उपभोग करता है। मेरे पास वास्तव में संपादक को एक मानक पृष्ठ टेम्पलेट के अंदर लपेटा गया है जो हमारे सीएमएस के बैक-एंड में है, और इस पृष्ठ टेम्पलेट में वास्तव में...

जवाब (4)

ahmedderkaoui• 25 मई 2021

px के बजाय vh के साथ काम करने की कोशिश करें।

उदाहरण के लिए: संपादक को height: '80vh' दें, आपका नेवबार height: '20vh'. इस तरह, ऊर्ध्वाधर स्क्रॉल को कभी भी दिखाया या आवश्यक नहीं किया जाएगा जब तक कि सभी तत्वों का योग 100 vh ≤ न हो

आशा है कि यह मदद करेगा।

samichamoun• 25 मई 2021

px के बजाय vh के साथ काम करने की कोशिश करते हैं। उदाहरण के लिए: संपादक को height: '80vh' दें, आपका नेवबार height: '20vh'. इस तरह, ऊर्ध्वाधर स्क्रॉल को कभी भी नहीं दिखाया जाएगा या इसकी आवश्यकता तब तक नहीं होगी जब तक कि सभी तत्वों का योग 100 vh ≤ न हो आशा है कि यह मदद करेगा। धन्यवाद यह उपयोगी है!

artf• 25 मई 2021

यह एक लेआउट समस्या है और GrapesJS संपादक से संबंधित नहीं है।

GJSBlock• 17 मई 2026

इसकी रिपोर्ट करने के लिए धन्यवाद, @samichamoun । के बारे में बढ़िया सुझाव भद्दे स्क्रॉलिंग से बचने के लिए संपादक की ऊंचाई को गतिशील रूप से कैसे नियंत्रित करें! हालाँकि यह विशिष्ट सुविधा अभी तक कोर एपीआई में नहीं है, लेकिन समान व्यवहार प्राप्त करने के कई तरीके हैं। इवेंट सिस्टम का उपयोग करना: वैकल्प...

GitHub पर पूरी चर्चा देखें →