（window）.scrollTop函數在第一次單擊時不會觸發

Question

我有一個可單擊的條形圖，當它被單擊時，它會觸發mainQuestBarClick函數。 在此函數中，我有這行$(window).scrollTop($('#scrollHere').offset().top); 滾動到滾動此處div。 當我單擊該欄時，它不會在那里滾動，但是在第二次單擊時，它會滾動。 可能是什么原因？

這是函數：

var mainQuestBarClick = function (event, pos, obj) {
        if (!obj)
            return;
        $(window).scrollTop($('#scrollHere').offset().top);
        //goToByScroll($("#scrollHere").attr("id")); 

        var selectedBranchName = encodeURIComponent(obj.series.label);
        $("#SelectedBranchFromBarChart").val(selectedBranchName);

        $("#content").block();

        //Stats Chart
        $.ajax({
            type: "GET",
            url: '@Url.Action("GetStatsForSpecificBranch", "SurveyReports")',
            data: "BranchName="+encodeURIComponent(obj.series.label)+"&SurveyId=" + $("#SurveyId").val() + "&startDate=" + $("#ReportStartDate").val() + "&endDate=" + $("#ReportEndDate").val(),
            cache: false,
            success: function (r) {
                if (r.success == false) {
                    noty({ text: r.resultText, type: 'error', timeout: 2000, modal: true });
                } else {


                    $("#statboxSurveyCountTitle").html("<b>" + selectedBranchName + "</b> Şubesi Anket Sayısı");
                    $("#statboxSurveyAvgTitle").html("<b>" + selectedBranchName + "</b> Şubesi Anket Ortalaması");
                    $("#statboxSurveyRecommTitle").html("<b>" + selectedBranchName + "</b> Şubesi Tavsiye Oranı")
                    $("#StatboxesDiv").show();
                    $("#SurveyCountVal").text(r.FilledSurveyCount);
                    $("#SurveyAvgVal").text(r.FilledSurveyAverageRating.toFixed(2));
                    $("#SurveyRecommVal").text("%"+r.RecommendYesPercent);
                }
            },
            error: function (error) {
                noty({ text: "Bir hata oluştu lütfen tekrar deneyiniz!", type: 'error', timeout: 2000, modal: true });
            }

        });
$("#content").unblock();

}

Answer 1

這是解決此問題的較晚方法，但是我設法做到了自己想做的。 這是我解決問題的方法：

我創建了一個函數，該函數采用要滾動的元素的id：

function goToByScroll(id){
        @{int scroll = 600;
            if(Model.BranchList.Count <= 1)
            {
                scroll = 750;
            }
            }
        // Scroll
        $('html,body').animate({scrollTop:@scroll}, 1000);
    }

並在上面的問題中更改了我的代碼的這一部分：

$(window).scrollTop($('#scrollHere').offset().top);

對此：

goToByScroll($("#scrollHere").attr("id"));