2015-11-23 21 views
5

मुझे पृष्ठ के अंदर लिंक के साथ समस्या है। इस jQuery कोड का हिस्सा मैं अपने पृष्ठएंकर काम नहीं करता

$.fn.stopAtTop= function() { 
    var $this = this, 
     $window = $(window), 
     thisPos = $this.offset().top, 
     //thisPreservedTop = $this.css("top"), 
     setPosition, 
     under, 
     over; 

    under = function(){ 
    if ($window.scrollTop() < thisPos) { 
     $this.css({ 
      position: 'absolute', 
      top: "" 
     }); 
     setPosition = over; 
    } 
    }; 

    over = function(){ 
    if (!($window.scrollTop() < thisPos)){ 
     $this.css({ 
      position: 'fixed', 
      top: 0 
     }); 
     setPosition = under; 
    } 
    }; 

    setPosition = over; 

    $window.resize(function() 
    { 
    bumperPos = pos.offset().top; 
    thisHeight = $this.outerHeight(); 
    setPosition(); 
    }); 

    $window.scroll(function(){setPosition();}); 
    setPosition(); 
}; 

में उपयोग है और जब मैं नीचे स्क्रॉल सब कुछ ठीक काम करता है, लेकिन जब मैं चाहता हूँ पेज यह नामुमकिन है के शीर्ष करने के लिए जाना यह एक उदाहरण DEMO

है। मुझे पता है कि मुद्दा यह है कि स्क्रिप्ट div तय करता है, लेकिन मुझे नहीं पता कि इसे कैसे ठीक किया जाए। कोई विचार?

+2

, आप दोनों कड़ियों में '# four' से लिंक, इस जानबूझकर है? –

+0

नहीं, यह एक गलती थी। मैंने ठीक कर दिया। – MaSza

उत्तर

2

एक क्लिक हैंडलर कि पृष्ठ के शीर्ष पर स्क्रॉल करें: डेमो पर अपने html में

$("[href='#one']").click(function() { 
    scrollTo(0, 0); 
}); 

jsfiddle.net/jx8nmhfq/1

+0

Awsome! धन्यवाद :-) मुझे कुछ लिखने की ज़रूरत है जो आप लिखते हैं, "देखो, यह इतना आसान है", क्योंकि मैंने समाधान की तलाश में बहुत समय गंवा दिया। – MaSza

संबंधित मुद्दे