Как сохранить положение полосы прокрутки ...?

Question

На моей веб-странице у меня есть календарь jquery для выбранных нескольких дат. Когда я выбираю каждую дату, календарь обновляется, чтобы выделить выбранную дату. Теперь проблема в том, что каждый раз, когда я выбираю дату, страница также будет наверху страницы. Как я могу держать страницу в позиции и выбирать даты снова и снова ..?

Вот мой JS

$("#datepickerr").datepicker({ 
    dateFormat: 'yy-mm-dd' , 
    dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S'], 
    todayHighlight: true, 
    // showButtonPanel: true, 
    beforeShowDay: function (date) { 
     if(date.getTime() >= date1 && date.getTime() <= date2){ 
      return[true,'date-range','']; 
     } 
     else{ 
      return [true, ((date.getTime() >= Math.min(prv, cur) && date.getTime() <= Math.max(prv, cur)) ? 'date-range' : '')]; 
     } 
    }, 
    onSelect: function (dateText, inst) { 
     var d1, d2; 
     prv = cur; 
     cur = (new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)).getTime(); 
     if (prv == -1 || prv == cur) { 
      prv = cur; 
      date1=date2=prv ; 
      $('#datepickerr').val(dateText); 
      $('#datepickerr').datepicker("refresh"); 
     } else { 
      d1 = $.datepicker.formatDate('yy-mm-dd', new Date(Math.min(prv,cur)), {}); 
      d2 = $.datepicker.formatDate('yy-mm-dd', new Date(Math.max(prv,cur)), {}); 
      date1=d1; 
      date=d2; 
      $('#datepickerr').val(d1+' '+d2); 
      $('#datepickerr').datepicker("refresh");     
     } 
     hideDatepicker(null); 
    } 
}); 

Answer 1

общая идея

var selected = []; 
 

 
$("#datepickerr").datepicker({ 
 
    onSelect: function(dateText, inst) { 
 
    var index = selected.indexOf(dateText); 
 
    if (index !== false) { 
 
     $('.d-' + dateText).removeClass('selected'); 
 
     selected.splice(index, 1); 
 
    } else { 
 
     $('.d-' + dateText).addClass('selected'); 
 
     selected.push(dateText) 
 

 
    } 
 

 
    } 
 
});

.selected { 
 
    /* your highlight style */ 
 
}

<!-- <tag class="d-dateText"><tag class="d-dateText"><tag class="d-dateText"><tag class="d-dateText"> -->