Question

我有两个div分别滚动。

http://jsfiddle.net/kv8ggqm7/1/

如果我打开日历（字段DATE）并滚动日历按照滚动但它应该保持附着在该字段上。

如果我取消注释该行

$('#ui-datepicker-div').css('position','fixed');

它似乎有效，但如果我滚动到底部，请打开日历并滚动到顶部日历消失，如果我点击数据字段，它就不会出现。

日历是jQueryUI（https://jqueryui.com/datepicker/）

的日期选择器

使用css，如

#ui-datepicker-div
{
     position : fixed !important;
}

我没有得到预期的结果。

任何帮助都将得到协助

Answer 1

您需要做的是在css文件夹中定义css，如下所示：

媒体屏幕在制作响应式设计时非常有用。有关详细信息，请查看以下链接：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

@media screen and (min-width: 480px) {
  #secondDiv{
    position: fixed;
    top: 0px;
    Right: 0px;
  }
}

删除此jquery部分：

$(document).ready(function () {

$('#calendar').datepicker();

/* remove this part */
/*
$(window).scroll(function () {

    if ($(window).width() > 480)
    {
         //$('#ui-datepicker-div').css('position','fixed');
         $('#secondDiv').css('top', $(this).scrollTop());

    }

   });    
*/
});

因为在加载所有内容后加载了css，所以选择器对css的反应不同

日历跟随滚动，但它应保持附加到字段

1 个答案: