मैं पृष्ठ लोड करने के बाद एक div पर स्क्रॉल करना चाहता हूं इसका मतलब है कि मेरा प्रारंभिक बिंदु यह है कि विशिष्ट div और कर्सर को उस div को इंगित करना चाहिए। मैंने कई चीजों की कोशिश की,

if ($stateParams.year) {
    console.log("hiop");
    //window.scrollTo(0, 800);
    $(document).scrollTop( $("#scrollToChart").offset().top );
    // $(window).scroll(function(){
    //  $("#scrollToChart").css("margin-top", Math.max(-250, 0 - $(this).scrollTop()));
    // });
    //$('html, body').animate({ scrollTop: $('#scrollToChart').offset().top}, 800);
    //$(window).scrollTop($("#scrollToChart").offset().top).scrollLeft($("#scrollToChart").offset().left);
    //  // $('html,body').animate({scrollTop: 0}, -1000);
    //
    //  //window.scrollTo(0, 800);
    //  //window.onload = scrollToChart();
    //  $(document).ready(function() {
    //      $('html,body').animate({
    //              scrollTop: $(".scrollToChart").offset().top
    //          },
    //          'slow');
    //  });
    //  //$(".scrollToChart").bind('mouseenter', 'scrollTo',);
    // //   $(window).scrollTop($('.scrollToChart').offset().top);
    //
    //  // $(".scrollToChart").ready(function(){
    //  //  $("html, body").delay(2000).animate({
    //  //      scrollTo: $('.scrollToChart').offset().top
    //  //  }, 2000);
    //  // });
}





   <div class="row" id="scrollToChart">
                        <div class="col-md-6 col-sm-6 col-xs-12">
             //content 
                         </div>
   </div>

लेकिन मुद्दा यह है कि जब पेज लोड हो रहा है तो कर्सर उस स्थान की ओर इशारा कर रहा है जहां मैं चाहता हूं लेकिन पूरा लोड पेज स्क्रॉल होने के बाद। कोई भी समाधान ?

-1
P J 2 अप्रैल 2018, 16:11

2 जवाब

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

मुझे समस्या मिली, समस्या तर्क नहीं थी। मैं लोड होने पर प्रत्येक राज्य परिवर्तन पर स्क्रॉलटॉप को कॉल कर रहा था। और 'स्क्रॉल टू स्पेसिफिक डिव' लॉजिक $rootScope.$on('$stateChangeSuccess') से पहले निष्पादित हो रहा था। इसलिए मैंने उस लॉजिक के लिए टाइमआउट सेट किया और यह काम कर गया !!!

setTimeout(function () {
                scrollToChart();
            },1300);

    var scrollToChart = function () {
        if ($stateParams.year) {

            $(document).ready(function () {
                $('html,body').animate({
                    scrollTop: $("#scrollToChart").offset().top
                }, 1000);
            });

        }
    };
0
P J 3 अप्रैल 2018, 06:08

यदि आप इसे अपने तरीके से करना चाहते हैं, तो यदि आप आईडी का उपयोग करते हैं तो आपका टिप्पणी कोड काम करेगा, क्योंकि जिस div को आप लक्षित कर रहे हैं उसके पास कक्षा नहीं है ..

$('.scrollToChart') के बजाय $('#scrollToChart')


यदि आपको वास्तविक एनिमेटेड स्क्रॉलिंग की आवश्यकता नहीं है तो बस इस एक-लाइनर का उपयोग करें ...

window.location.href='#scrollToChart'

window.location.href='#scrollToChart'
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div class="row" id="scrollToChart">scroll to here</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
<div>stuff</div>
1
I wrestled a bear once. 2 अप्रैल 2018, 13:27