Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > เกิดปัญหาการเขียน script scrollTop ไปยังตำแหน่งที่ทำการ click โดยใช้ $(this)



 

เกิดปัญหาการเขียน script scrollTop ไปยังตำแหน่งที่ทำการ click โดยใช้ $(this)

 



Topic : 127005



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook



ผมเขียนอะไรผิดหรือเปล่าครับ

พอดีว่าผมเขียน Java ให้ scroll มันไหลไป focus ที่ ปุ่มที่คลิก
อย่างตอนนี้
1
ถ้าผมต้องการจะแสดง Submenu ผมจะต้องกดที่ Arrow ทางขวา
จากนั้น Submenu ก็จะแสดง แล้ว scroll ก็จะเลื่อนลงไป focus ที่ Menu นั้น
2
แล้วถ้าผมกดที่ Arrow เดิมอีกครั้ง Submenu ก็จะหายไปและ scroll เลื่อนขึ้นไปบนสุด
1
แต่ปัญหาก็คือ ถ้าผมกดที่ Menu แล้วให้ Submenu แสดง
2
แล้วผมก็ไปกดที่ Menu อื่นเลยโดยไม่กดซ่อน Menu เดิม scroll มันก็เลื่อนลงแบบขี่พายุทะลุฟ้ามาแบบนี้เลย
3
พอผมเลื่อนขึ้นไปดู เฮ้ย การทำงานมันก็ถูกต้อง Menu เดิมซ่อน แล้วก็แสดง Menu ใหม่
4

ผมคิดไปเองว่า code HTML น่าจะไม่เกี่ยว น่าจะเกี่ยวที่ script เพราะปัญหามันคือเลื่อนเลย

ซึ่งผมแปลกใจทั้งๆที่ผมใช้ $(this) ในการสั่งการแล้วมันจะเลื่อนทะลุไปแบบนั้นได้ยังไง

Code (JavaScript)
$("ul.mobilemenu li.level0 > span").click(function()
{
        if ($(this).hasClass("active"))
	{
		$(this).removeClass("active");
		$("ul.mobilemenu li.level0 > a").css("color" , "#fff");
		$('html, body').animate({scrollTop: $(".item-btn-mobile").offset().top}, 'fast');
	}
	else
	{
		$("ul.mobilemenu li.level0 > span").removeClass("active");
		$(this).addClass("active");
		$("ul.mobilemenu li.level0 > a").css("color" , "#999");
		$('html, body').animate({scrollTop: $(this).offset().top - 10}, 'fast');
	}
});
$("ul.mobilemenu li.level1 > span").click(function(){
			if ($(this).hasClass("active"))
			{
				$(this).removeClass("active");
				$("ul.mobilemenu li.level1 > a").css("color" , "#fff");
				$('html, body').animate({
					scrollTop: $("ul.mobilemenu li.level0.active").offset().top
				}, 'fast');
			}
			else
			{
				$("ul.mobilemenu li.level1 > span").removeClass("active");
				$(this).addClass("active");
				$("ul.mobilemenu li.level1 > a").css("color" , "#999");
				$('html, body').animate({
					scrollTop: $(this).offset().top - 10
				}, 'fast');
			}
		});
		$("ul.mobilemenu li.level2 > span").click(function(){
			if ($(this).hasClass("active"))
			{
				$(this).removeClass("active");
				$("ul.mobilemenu li.level2 > a").css("color" , "#fff");
				$('html, body').animate({
					scrollTop: $("ul.mobilemenu li.level1.active").offset().top
				}, 'fast');
			}
			else
			{
				$("ul.mobilemenu li.level2 > span").removeClass("active");
				$(this).addClass("active");
				$("ul.mobilemenu li.level2 > a").css("color" , "#999");
				$('html, body').animate({
					scrollTop: $(this).offset().top - 10
				}, 'fast');
			}
		});




Tag : PHP, HTML/CSS, JavaScript, jQuery









ประวัติการแก้ไข
2017-03-29 15:24:11
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-03-29 15:21:18 By : Pla2todkrob View : 1426 Reply : 25
 

 

No. 1



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ขออนุญาติขุดกระทู้ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-30 11:29:00 By : Pla2todkrob
 


 

No. 2



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ขออนุญาติขุดกระทู้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-03-31 14:23:18 By : Pla2todkrob
 

 

No. 3



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ขออนุญาติขุดกระทู้อีกทีครับ ยังแก้ไม่ได้เลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-03 14:21:11 By : Pla2todkrob
 


 

No. 4



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

มีเว็บออนไลน์ไหมครับ
บางครั้ง scrollTop scrollHeight พวกนี้จะเปลี่ยนขนาดเวลายืด/ขยายหน้าจอก็เลยคำนวณไม่ตรงกับค่าเดิมครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-03 14:26:13 By : num
 


 

No. 5



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 4 เขียนโดย : num เมื่อวันที่ 2017-04-03 14:26:13
รายละเอียดของการตอบ ::
http://lifeford.dcash-mcic.com/
เวลาจะดูให้ view เป็น mobile responsive นะครับ



ประวัติการแก้ไข
2017-04-03 17:45:25
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-03 17:44:13 By : Pla2todkrob
 


 

No. 6



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ถ้าคลิกจากล่างขึ้นบน Artistry , Products, Bestsellers What 's New จะใช้ได้ปกติ

ปัญหาคือตัวความสูงของ submenu ที่อยู่ด้านบน
ไปทำให้ตำแหน่งของปุ่มที่ mainmenu ด้านล่างถูกดันลงมาข้างล่าง
(ค่า offset().top มีค่ามากเกินปกติเทียบกับเวลา submenu ด้านบนซ่อนตัวอยู่)

ดังนั้น offset().top ต้องถูกลบด้วยความสูงของ submenu ที่กำลังเปิดอยู่ครับ
ลองใช้ค่าเป็น offet().top - ($('ul.level0:visible').size()>0 ? $('ul.level0:visible').height() : 0)

แต่ก็ไม่แน่ใจนะครับเพราะว่าความสูงของ submenu อาจจะมี padding มี margin อาจจะผิดตำแหน่งไปนิดหน่อยครับ


ประวัติการแก้ไข
2017-04-03 18:44:13
2017-04-03 18:44:39
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-03 18:39:18 By : num
 


 

No. 7



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 6 เขียนโดย : num เมื่อวันที่ 2017-04-03 18:39:18
รายละเอียดของการตอบ ::
script ไม่ทำงานครับพี่
คำสั่งที่พี่พิมพ์มาให้ offet().top - ($('ul.level0:visible').size()>0 ? $('ul.level0:visible').height() : 0)

น่าจะพิมพ์ตก offet > offset ผมแก้ลองละ แต่ก็ไม่มีการคำนวนค่าออกมา

แบบนี้ผมต้องเขียนให้มันคำนวนความสูงใหม่อะไรประมาณนี้หรือเปล่าครับ ถ้าใช่ แสดงว่าคำสั่งที่เขียนมาต้องแก้ใหม่หมดเลย



ประวัติการแก้ไข
2017-04-04 09:44:39
2017-04-04 10:25:58
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 09:43:43 By : Pla2todkrob
 


 

No. 8



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ใช้ Chrome หรือเปล่าครับกด F12 ที่ tab console ป้อนโค้ดข้างล่างกด enterเข้าไปทดสอบดูครับ
ระหว่างตอน submenu เปิดปิดจะมีค่าต่างกันครับ

($('ul.level0:visible').size()>0 ? $('ul.level0:visible').height() : 0)


ส่วนโค้ดลองใส่แบบนี้ครับ

$('html, body').animate({scrollTop: $(this).offset().top - 10 - ($('ul.level0:visible').size()>0 ? $('ul.level0:visible').height() : 0)}, 'fast');
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 12:52:19 By : num
 


 

No. 9



โพสกระทู้ ( 4,756 )
บทความ ( 8 )



สถานะออฟไลน์


อาการมันเหมือนกับว่า สั่ง scroll ไป ในขณะที่..
1. เมนูเก่ายังไม่ทันย่อหมด
2. จับตำแหน่งเมนูใหม่
3. พอเมนูเก่าย่อหมดแล้วตำแหน่งเมนูใหม่ที่ขั้นที่ 2 กำหนดถูกแล้วกลับกลายเป็นผิดเพราะความสูงเมนูเก่าหดลงไปหมดแล้ว ตำแหน่งเมนูใหม่เลยถูกดันขึ้นไปเหนือขอบจอบน

ที่สังเกตุเห็นคือเมื่อกดเมนูใหม่ที่อยู่สูงกว่ามันจะไม่เป็น แต่เมื่อกดเมนูใหม่มันจะเป็น

ดังนั้นทางแก้คือต้องรอจนเมนูเก่าย่อหมดเสร็จเสียก่อนแล้วค่อยเลื่อน แต่ว่าผมไม่รู้นะว่ามี event on finished อะไรรองรับยังไงรึเปล่า?
แล้วก็อาจมีปัญหาด้านการใช้ของผู้ใช้ตามมาคือ เมื่อเมนูเก่าย่อหมดแล้วตำแหน่งจึงเลื่อน ในขณะที่มันยังย่อพับกลับไม่หมด ผู้ใช้เห็นเมนูใหม่แสดงมา ใจร้อน คลิกหรือแตะเลย แล้วเมนูเก่าย่อพับหมดพอดีแล้วเลื่อนขึ้น แบบนี้ผู้ใช้จะรู้สึกไม่ดีได้เพราะแตะหรือคลิกถูกแล้วแต่ไปผิดเมนู.

ดังนั้นแล้วเมนูแบบนี้ผมไม่แนะนำให้เลื่อนหน้าจอ คือจะ ย่อพับ/ขยายก็ทำไป แต่ไม่เลื่อนหน้าจอให้ สังเกตุจาก Bootstrap เดิมๆก็ไม่มี
ผมไม่ยืนยันนะว่ามันไม่ดีแต่คิดเอาเองว่าประสบการณ์ผู้ใช้คงไม่ชอบและก็มีปัญหามากเกินไปในการเขียนสคริปต์ครับ.
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 13:03:33 By : mr.v
 


 

No. 10



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 9 เขียนโดย : mr.v เมื่อวันที่ 2017-04-04 13:03:33
รายละเอียดของการตอบ ::
ขอบคุณสำหรับความคิดเห็นครับพี่

งั้นพอจะมีทำให้มันได้อย่างเว็บนี้หรือเปล่าครับ ไอ้เจ้า menu เนี่ยครับ http://www.maccosmetics.com/

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 13:24:26 By : Pla2todkrob
 


 

No. 11



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 8 เขียนโดย : num เมื่อวันที่ 2017-04-04 12:52:19
รายละเอียดของการตอบ ::
โอ้ยดีใจสุดๆ ได้แล้วครับ

JS
http://lifeford.dcash-mcic.com//skin/frontend/lifeford_test/default/js/header.js

WEB
http://lifeford.dcash-mcic.com/

จะเป็นการรบกวนมั๊ยครับ ถ้าจะขอให้อธิบาย โค้ดชุดนี้หน่อยครับว่า มันมีกระบวนการคำนวนยังไง จะได้เป็นแนวทางความคิดในการทำอย่างอื่น อย่างที่บอกครับว่าผมไม่เก่ง JS

Code (JavaScript)
$('html, body').animate({scrollTop: $(this).offset().top - 10 - ($('ul.level0:visible').size()>0 ? $('ul.level0:visible').height() : 0)}, 'fast');


คือผมไม่ทราบเลยว่า เครื่องหมาย ? ที่ขั้นกลางอยู่มีไว้ทำอะไร รวมถึง : ด้วย ไหนจะ >0 อีกทั้งๆที่ไม่มี if มันมีไว้ทำไม
$().size() กับ $().height() อันนี้ผมพอทราบอยู่ว่ามันวัดขนาดของ พื้นที่ที่กำหนด

ขอบคุณสำหรับความช่วยเหลือมากๆครับ และก็ขอเก็บความรู้เพิ่มด้วยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 13:38:27 By : Pla2todkrob
 


 

No. 12



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 9 เขียนโดย : mr.v เมื่อวันที่ 2017-04-04 13:03:33
รายละเอียดของการตอบ ::
แก้ได้แล้วครับพี่ ยังไงก็ขอบคุณที่ช่วยวิเคราะห์นะครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 13:44:08 By : Pla2todkrob
 


 

No. 13



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ใช้แทน if ในบางกรณีครับ ส่วนใหญ่ต้องเป็นเงื่อนไขสั้นๆ จริงๆ เพราะใช้ if จะอ่านง่ายแก้ไขง่ายกว่าครับ

เงื่อนไข ? ถ้าเงื่อนไขจริงจะได้ค่านี้ : ถ้าเงื่อนไขไม่จริงจะได้ค่านี้

alert( 1==1? 'condition true' : 'condition false' ); //แสดง condition true

alert( 2==1? 'condition true' : 'condition false' ); //แสดง condition false

https://www.w3schools.com/js/js_comparisons.asp
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 13:53:07 By : num
 


 

No. 14



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 13 เขียนโดย : num เมื่อวันที่ 2017-04-04 13:53:07
รายละเอียดของการตอบ ::
$('html, body').animate({scrollTop: $(this).offset().top - 10 - ($('ul.level0:visible').size()>0 ? $('ul.level0:visible').height() : 0)}, 'fast');

ก็หมายความว่า ถ้า ul.level0 ที่แสดงผลอยู่ มีจำนวนมากกว่า 0 ให้ scrollTop: $(this).offset().top - 10 - ความสูงของ ul.level0 ถ้าไม่ใช่ ให้ scrollTop: $(this).offset().top - 10 - 0

ประมาณนี้ป่ะครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 14:12:09 By : Pla2todkrob
 


 

No. 15



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ตอบความคิดเห็นที่ : 14 เขียนโดย : Pla2todkrob เมื่อวันที่ 2017-04-04 14:12:09
รายละเอียดของการตอบ ::
ถูกต้องครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 14:14:57 By : num
 


 

No. 16



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 15 เขียนโดย : num เมื่อวันที่ 2017-04-04 14:14:57
รายละเอียดของการตอบ ::
ขอขอบคุณอีกครั้งที่ช่วยแก้โจทย์นี้แล้วก็ขอบคุณสำหรับความรู้ด้วยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-04 14:26:49 By : Pla2todkrob
 


 

No. 17



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 15 เขียนโดย : num เมื่อวันที่ 2017-04-04 14:14:57
รายละเอียดของการตอบ ::
คุณครับ พอดีผมโดนแก้งาน โจทย์ใหม่ก็คือให้ fixed Mobile menu
ตามเว็บนี้ครับ http://www.maccosmetics.com/ ตอนนี้ผมก็ใส่ position:fixed ให้กับตัว Menu Bar แล้ว
แต่ผมจะจัดการ List ที่มีความยาวล้นหน้าจอยังไงดีครับ
1
ตอนนี้ผมยังไม่ได้แก้อะไรมากนอกจาก fixed Menu Bar อย่างเดียวที่

Code (PHP)
        .header-container {
		width:100%;
		line-height: 0;
	}
	.header-container .header-mobile {
		position: relative;
		height: 60px;
		width:100%;
		background:#000;
	}
	.header-container .header-mobile .header-mobile-container {
		position:fixed;
		width:100%;
		background:#000;
		height: 60px;
	}


อย่างเว็บตัวอย่างทำไมมัน fixed List Menu แล้วแต่เค้าเลื่อนได้ พอผม Fixed บ้าง !!!นิ่งเลย


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-08 10:20:53 By : Pla2todkrob
 


 

No. 18



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ไม่แน่ใจนะครับ อาจจะต้องใช้ js ซ่อน content อื่นๆ ด้วยหรือเปล่า แต่ถ้า scroll ใช้ css นี้ครับ

.nav-mobile-container{
overflow-x:hidden;
overflow-y:auto;
height:99vh;
}
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-08 11:09:07 By : num
 


 

No. 19



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 18 เขียนโดย : num เมื่อวันที่ 2017-04-08 11:09:07
รายละเอียดของการตอบ ::
ถ้าแบบนั้นคำสั่ง
Code (JavaScript)
$('html, body').animate({
				scrollTop: $(".item-btn-mobile").offset().top
			}, 'fast');

ที่เคยเขียนไว้ ผมจะต้องเปลี่ยนเป็น
Code (JavaScript)
$(".nav-mobile-container").animate({
				scrollTop: $(".item-btn-mobile").offset().top
			}, 'fast');

แบบนี้ป่ะครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-08 11:42:43 By : Pla2todkrob
 


 

No. 20



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ตอบความคิดเห็นที่ : 19 เขียนโดย : Pla2todkrob เมื่อวันที่ 2017-04-08 11:42:43
รายละเอียดของการตอบ ::
ต้องลองดูนะครับตรง offset อาจจะต้อง scrollTop: $(".item-btn-mobile").offset().top-ความสูงของแถบด้านบน
เพราะตำแหน่งของตัว scroll อยู่คนละตำแหน่งกับ body ครับ

( $(".item-btn-mobile").offset().top โดยปกติจะ relative กับ body ครับ แต่อาจะ relaitve กับส่วนอื่นก็ได้ต้องลองดูครับ )

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-08 12:38:31 By : num
 


 

No. 21



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 20 เขียนโดย : num เมื่อวันที่ 2017-04-08 12:38:31
รายละเอียดของการตอบ ::
เรียบร้อยครับ

scrollTop แบบมั่วสุดๆ 555 โง่เลยครับผม

Code (JavaScript)
$("ul.mobilemenu li.level0 > span").click(function(){
		
		if ($(this).hasClass("active"))
		{
			$(this).removeClass("active");
			$("ul.mobilemenu li.level0 > a").css("color" , "#fff");
			$(".nav-mobile-container").animate({
				scrollTop: $(".item-btn-mobile").offset().top
			}, 'fast');
		}
		else
		{
			$("ul.mobilemenu li.level0 > span").removeClass("active")
			$(this).addClass("active");
			$("ul.mobilemenu li.level0 > a").css("color" , "#999");
			$(".nav-mobile-container").animate({scrollTop: $(this).offset().top - 60 - ($('ul.level0:visible').size()>0 ? $('ul.level0:visible').height() : 0)}, 'fast');
		}
	});
	
	$("ul.mobilemenu li.level1 > span").click(function(){
		if ($(this).hasClass("active"))
		{
			$(this).removeClass("active");
			$("ul.mobilemenu li.level1 > a").css("color" , "#fff");
			$(".nav-mobile-container").animate({
				scrollTop: $("ul.mobilemenu li.level0.active").offset().top
			}, 'fast');
		}
		else
		{
			$("ul.mobilemenu li.level1 > span").removeClass("active");
			$(this).addClass("active");
			$("ul.mobilemenu li.level1 > a").css("color" , "#999");
			$(".nav-mobile-container").animate({scrollTop: $(this).offset().top - 60 - ($('ul.level1:visible').size()>0 ? $('ul.level1:visible').height() : 0)}, 'fast');
		}
	});
	$("ul.mobilemenu li.level2 > span").click(function(){
		if ($(this).hasClass("active"))
		{
			$(this).removeClass("active");
			$("ul.mobilemenu li.level2 > a").css("color" , "#fff");
			$(".nav-mobile-container").animate({
				scrollTop: $("ul.mobilemenu li.level1.active").offset().top
			}, 'fast');
		}
		else
		{
			$("ul.mobilemenu li.level2 > span").removeClass("active");
			$(this).addClass("active");
			$("ul.mobilemenu li.level2 > a").css("color" , "#999");
			$(".nav-mobile-container").animate({scrollTop: $(this).offset().top - 60 - ($('ul.level2:visible').size()>0 ? $('ul.level2:visible').height() : 0)}, 'fast');
		}
	});




ประวัติการแก้ไข
2017-04-08 13:41:32
2017-04-08 13:51:54
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-08 13:40:43 By : Pla2todkrob
 


 

No. 22



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-08 14:24:51 By : num
 


 

No. 23



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 22 เขียนโดย : num เมื่อวันที่ 2017-04-08 14:24:51
รายละเอียดของการตอบ ::
ยังไม่ได้นะครับ 555

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-08 14:40:41 By : Pla2todkrob
 


 

No. 24



โพสกระทู้ ( 1,463 )
บทความ ( 1 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Blogger

ต้องลองคลิกๆ ดูครับว่าเลื่อนแล้วผิดปกติยังไงบ้าง น่าจะต้องเพิ่ม/ลดเท่าไหร่ แต่ตอนนี้เอาแบบไม่ scrolltop ก่อนก็ดีนะครับ
เพราะ scrolltop ถ้ายังไม่พอดีก็จะดูแล้วการทำงานแปลกๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-08 14:54:37 By : num
 


 

No. 25



โพสกระทู้ ( 204 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ตอบความคิดเห็นที่ : 24 เขียนโดย : num เมื่อวันที่ 2017-04-08 14:54:37
รายละเอียดของการตอบ ::
555 คิดเหมือนกันเลย ว่าจะเอาออกก่อน 555

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-04-08 15:08:50 By : Pla2todkrob
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เกิดปัญหาการเขียน script scrollTop ไปยังตำแหน่งที่ทำการ click โดยใช้ $(this)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่