तो मेरे पास वर्तमान में स्क्रॉल पर काम करने वाला मेरा निश्चित शीर्षलेख है, हालांकि मेरे पास शीर्षलेख के आकार के लिए jQuery में एक सेट ऊंचाई है। अब इस हेडर की ऊंचाई अलग-अलग हो सकती है, इसलिए इसे 105px के स्क्रॉल पर करने के बजाय, मैं इसे 100% ऊंचाई के स्क्रॉल पर कैसे कर सकता हूं? इस तथ्य के कारण कि हेडर बदल सकता है, वर्तमान कोड निश्चित हेडर को कुछ क्लाइंट पेजों पर सुचारू रूप से काम नहीं करने का कारण बनेगा।

$(window).scroll(function(){            
  if ($(window).scrollTop() >= 105) {
    $('#navigation').addClass('fixed-header');
   }
  else {
    $('#navigation').removeClass('fixed-header');
   }
    });

तो यह कोड बताए अनुसार काम करता है। मुद्दा यह है कि यह '105' पर सेट है। मुझे हेडर के आकार के आधार पर बदलने के लिए इसकी आवश्यकता है। हर समय एक निश्चित आकार में सेट होने के बजाय।

0
Jacob Harrison 23 अक्टूबर 2019, 12:54

1 उत्तर

सबसे बढ़िया उत्तर

आपको वह header ऊंचाई प्राप्त करनी होगी।

मान लें कि header है

<header>stuff</header>

JS . में

const header = $("header");

$(window).scroll(function(){            
  if ($(window).scrollTop() >= header.height()) {
    $('#navigation').addClass('fixed-header');
   }
  else {
    $('#navigation').removeClass('fixed-header');
   }
    });

element.height(); के बारे में पढ़ें यहां

1
mcfly24 23 अक्टूबर 2019, 10:12