[英]Full calendar scroll top when page is loaded
I have this sample: 我有这个样本:
CODE HTML: 代码HTML:
$(document).on('pageshow','#index',function(e,data){ var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); $('#calendar').fullCalendar({ editable: true, events: [ { title: 'All Day Event', start: new Date(y, m, 1) }, { title: 'Long Event', start: new Date(y, m, d-5), end: new Date(y, m, d-2) }, { id: 999, title: 'Repeating Event', start: new Date(y, m, d-3, 16, 0), allDay: false }, { id: 999, title: 'Repeating Event', start: new Date(y, m, d+4, 16, 0), allDay: false }, { title: 'Meeting', start: new Date(y, m, d, 10, 30), allDay: false }, { title: 'Lunch', start: new Date(y, m, d, 12, 0), end: new Date(y, m, d, 14, 0), allDay: false }, { title: 'Birthday Party', start: new Date(y, m, d+1, 19, 0), end: new Date(y, m, d+1, 22, 30), allDay: false }, { title: 'Click for Google', start: new Date(y, m, 28), end: new Date(y, m, 29), url: 'http://google.com/' } ] }); });
<!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <script type='text/javascript' src='http://arshaw.com/js/fullcalendar-1.5.4/fullcalendar/fullcalendar.min.js'></script> <link rel='stylesheet' type='text/css' href='http://arshaw.com/js/fullcalendar-1.5.4/fullcalendar/fullcalendar.css' /> </head> <body> <div data-role="page" id="index"> <div data-role="header"> <h1>My Team</h1> </div><!-- /header --> <div data-role="content"> <div id='calendar' style="width:100%;"></div> </div><!-- /content --> </div><!-- /page --> </body> </html>
The problem that I have is: 我遇到的问题是:
When calendar is loading, scrolling is half. 加载日历时,滚动为一半。 Look at the picture below to understand.
看下面的图片就可以了解。
I want to start up the scroll bar 我想启动滚动条
What is causing this problem? 是什么导致了这个问题? I tried to use the following property
scrollTime: '12:00:00'
but does not work. 我尝试使用以下属性
scrollTime: '12:00:00'
但不起作用。
You can help me solve the problem please? 你可以帮我解决问题吗?
Thanks in advance! 提前致谢!
I see you are using version one in your fiddle, scrollTime is not supported in version one of full calendar. 我看到你在你的小提琴中使用第一版,在完整日历的第一版中不支持scrollTime。
To use this feature you will have to use version two. 要使用此功能,您必须使用第二版。
jsbin of it working with version two. jsbin与第二版合作。
Update: I have just realised in version one you can set firstHour. 更新:我刚刚在第一版中意识到你可以设置firstHour。
firstHour: 0
I have updated your fiddle and it works. 我已经更新了你的小提琴 ,它的工作原理。
12:00表示中午时间,请改用:
scrollTime: '00:00'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.