admittionLetter心得

問題1：　移動端彈出鍵盤以後安卓佈局混亂。

解決辦法：　沒有找到什麼特別好的解決辦法　只能監聽ｗｉｎｄｏｗ的ｒｅｓｉｚｅ事件每次彈起從新佈局，還好這次佈局不復雜，該問題待解決

 1 $(window).bind('resize', function() {
 2         if ($(this).height() < 400) {
 3             $('#js_name').css('top', '53%');
 4             $('.openBtn').css('top', '68%');
 5             console.log('resize');
 6         }else{
 7             $('#js_name').css('top', '43%');
 8             $('.openBtn').css('top', '50%');
 9         }
10     })

 

問題2： 想要div內部滾動，但微信打開頁面整個document會上下滾動，嚴重干擾內部滾動條工做。若是preventDefault則整個滾動都會失效。

解決辦法：不懂，待理解

var localScroll = function(elem) {
	// Variables to track inputs
	var startY, startTopScroll;

	elem = elem || document.querySelector(elem);

	// If there is no element, then do nothing	
	if(!elem)
		return;

	// Handle the start of interactions
	elem.addEventListener('touchstart', function(event){
		startY = event.touches[0].pageY;
		startTopScroll = elem.scrollTop;
		
		if(startTopScroll <= 0)
			elem.scrollTop = 1;

		if(startTopScroll + elem.offsetHeight >= elem.scrollHeight)
			elem.scrollTop = elem.scrollHeight - elem.offsetHeight - 1;
	}, false);
};
new localScroll(document.getElementById("scrollable"));

 大神給我加了一段代碼··暫時get不了爲何··· 先mark

大神還添加了這樣一個屬性-webkit-overflow-scrolling: touch; 容許獨立的滾動區域和觸摸回彈。

能夠加快滾動速度。

三、新的嘗試 更改內置的滾動條樣式

.mainInner::-webkit-scrollbar{
	width: 8px;
}
.mainInner::-webkit-scrollbar-thumb{
	background-color: #eee8d8;
	border-radius: 4px;
}

 手機端上能修改的樣式很少，其餘樣式待嘗試