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 > รบกวนผู้รู้เกี่ยวกับ การตรึงกล่อง พอเลื่อน scroll bar ลงมา หรือเลื่อนเลยกล่องที่กำหนด กล่องที่ตรึงไว้จะเลื่อนตาม scroll bar



 

รบกวนผู้รู้เกี่ยวกับ การตรึงกล่อง พอเลื่อน scroll bar ลงมา หรือเลื่อนเลยกล่องที่กำหนด กล่องที่ตรึงไว้จะเลื่อนตาม scroll bar

 



Topic : 111164



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



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




ตามหัวข้อครับ

ตัวอย่างเว็บที่ใช้แบบที่ว่า

http://www.kriesi.at/archives/enfold-version-2-8-contact-forms-animated-numbers-more-masonry

ตรงกล่องหน้า like facebook ซ้ายมือ จะตรึงไว้ พอเลื่อน scroll bar ลงมากลางๆ จอ กล่องที่ตรงก็เลื่อนตาม


ใครพอทราบว่า แบบนี้เขาใช้เทคนิคอะไรครับ ขอบคุณล่วงหน้าครับ



Tag : PHP, HTML/CSS, JavaScript







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-09-08 20:29:42 By : ฟงหวินขี้เครื่่องสูบน้ำ View : 2098 Reply : 9
 

 

No. 1



โพสกระทู้ ( 9,586 )
บทความ ( 2 )



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


Code (JavaScript)
$( window ).scroll(function() {
  $( "#your_div" ).css( "top", new_num );
});









ประวัติการแก้ไข
2014-09-08 20:36:57
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-08 20:36:32 By : Chaidhanan
 


 

No. 2



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



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


มาแบบครึ่งๆ บอกทั้งทีจัดเต็มหน่อยครับ ไม่งั้นถ้ามีบทความที่เกี่ยวข้องก็บอกด้วยนะครับท่านกูรู
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-08 20:58:31 By : ฟงหวินขี้เครื่่องสูบน้ำ
 

 

No. 3



โพสกระทู้ ( 9,586 )
บทความ ( 2 )



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


Code (PHP)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Chaidhanan</title>
<link href="css.css" rel="stylesheet" />
<link href="/jquery/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />
<script src="/jquery/jquery-1.8.2.js"></script>
<script src="/jquery/ui/jquery-ui.js"></script>
<script src="/jquery/ui/jquery.ui.autocomplete.js"></script>
<script>
var page_name='<?php echo $page_name; ?>';
jQuery.fn.c32 = function () {   
	this.css("top", (($(window).height() - this.outerHeight()) / 3) + $(window).scrollTop() + "px");    
	this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px"); 
	return this; 
}
jQuery.fn.center = function ( w, h) {   
	this.css("top", (($(window).height() - h) / 2) + $(window).scrollTop() + "px");    
	this.css("left", (($(window).width() - w) / 2) + $(window).scrollLeft() + "px"); 
	return this; 
}
$(document).ready(function(e) {
	$(document).find('.menu').each(function(index, element) {
		if($(element).attr('id')!==page_name){
			$(element).on('mouseover', '', '', function(e){
				$(this).attr({ src: $(this).attr('src').replace(/org/, 'over') });
			}).on('mouseout', '', '', function(e){
				$(this).attr({ src: $(this).attr('src').replace(/over/, 'org') });
			}).on('click', '', '', function(){ 
				bt_click( $(this).attr('id') ); 
			});
		}
	});
	$('.add_bottom_600x80')
		.css({ bottom: '10px', left: (($(window).width() - 600) / 2) + $(window).scrollLeft() + "px"}).slideDown(200)
		.on('click', '', '', function(){
			if(document.getElementsByClassName('add_bottom_600x80').item(0).childNodes.length==0){
				alert('Goto Contact Advertising');
			}
		});
});
function bt_click( op ){
	switch( op ){
	case 'Login':
		$('#myPopUp').slideUp(500);
		$.ajax({ url: 'inc/login.html?a='+Math.random(1000,9999)}).done( function(msg){ $('#myPopUp').html(msg).c32(304, 400).slideDown(500); });
		break;
	case 'Home':
		if(page_name!=='Home')
			$.ajax({ data:{ run: 'Home' }}).done( function(msg){ alert(msg); });
		break;
	case 'Registry':
		$('#myPopUp').slideUp(500);
		$.ajax({ url: 'inc/registry.html?a='+Math.random(1000,9999)}).done( function(msg){ $('#myPopUp').html(msg).c32(304, 538).slideDown(500); });
		break;
	}
}
function show_popup(){
	alert($('#myPopUp').children(0).width() + ":" + $('#myPopUp').children(0).height() );
}
</script></head>
<body>
<div style="position: fixed; width: 100%; text-align: center">
<img src="/new_img/chaidhanan.gif"  /><br/>
<?php include( $inc_menu ); ?>
</div>
<div style="height: 120px"><img src="new_img/block.png" height="120" /></div>
<?php
switch($page_name){
	case 'Home': include('inc/home.php'); break;
	case 'Shop': include('inc/shop.php'); break;
}
session_write_close();
?>
<div style="width: 600px; height: 90px;"><img src="new_img/block.png" height="90" /></div>
<div style="position: fixed; width: 600px; height: 80px; display: none" class="add_bottom_600x80"></div>
<div id='myPopUp' style="position: absolute; display:none"></div>
</body>
</html>


www.chaidhanan.com ทีแรกว่าจะเขียน คล้ายๆ เวป thaicreate นีแหล่ะครับ พอดีมาเจอ ไทยครีเอท ซะก่อน
เลยชะลอโครงการไว้ พอจะเอาเป็นตัวอย่างได้ ก็ลองดูครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-08 21:11:14 By : Chaidhanan
 


 

No. 4

Guest


จัดเตมแบบนี้ ไปเสิดบทความเว็บนอกอ่านเอาก็ได้มัง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-08 21:20:58 By : ตาลายหมดแล้ว
 


 

No. 5



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



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


ผมแนะนำคุณ Chaidhanan ทำเว็บพวกให้ความรู้ทุกอย่างเลยก็ได้ ทั้งเขียนโปรแกรม สื่อสำหรับเด็ก แฟชั่น เขียนบทความ พอข้อมูลเยอะๆ แล้วก็ขอโฆษณาจาก google มาติด ประกอบกับการทำ SEO เพื่อให้เว็บติด search engine หารายได้เล็กๆ น้อยๆ ครับ


รับรองรุ่งแน่ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-08 21:47:46 By : มังกรวิ่งขี่เครื่องสูบ
 


 

No. 6



โพสกระทู้ ( 9,586 )
บทความ ( 2 )



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


ตอบความคิดเห็นที่ : 5 เขียนโดย : มังกรวิ่งขี่เครื่องสูบ เมื่อวันที่ 2014-09-08 21:47:46
รายละเอียดของการตอบ ::
ขอบคุณครับ ผมรับงานเขียนโปรแกรม อย่างเดียวก็พอแล้วครับ ที่แรกหวังจะทำเป็นวิทยาทาน แต่พอมาเจอ ไทยครีเอท
ก็คิดว่าไม่จำเป็นต้องสร้างเวปอะไรแล้ว มาตอบปัญหาที่นี่ก็ได้ประโยชน์พอกันนะครับ แถมไม่ต้องโปรโมทเวปอีก มีคนช่วยตอบเยอะแยะ
ถ้าทำเองมันต้องมีเวลาไปดูแล ถ้าทำเป็นงานอดิเรก ก็พอได้อยู่ แต่ซักพักคนก็หนี แต่มาที่นี่ ผมคิดว่าได้ประโยชน์มากกว่าทำเอง

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-08 21:56:24 By : Chaidhanan
 


 

No. 7



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



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


Chaidhanan เยี่ยมมากครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-08 23:07:49 By : anirut_yam
 


 

No. 8



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

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

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


ตอบความคิดเห็นที่ : 6 เขียนโดย : Chaidhanan เมื่อวันที่ 2014-09-08 21:56:24
รายละเอียดของการตอบ ::
อาจารย์ thaicreate อิอิ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-09 10:37:13 By : compiak
 


 

No. 9

Guest


ตอบความคิดเห็นที่ : 6 เขียนโดย : Chaidhanan เมื่อวันที่ 2014-09-08 21:56:24
รายละเอียดของการตอบ ::
ลุงมีโดเมนอยู่แล้วสนับสนุนให้ทำเวบครับ ถ้าบทความมีคุณภาพคนไม่หนีหรอก ผมคนนึงหละจะติดตาม ดีเสียอีกพวกผมจะได้มีทางเลือก เพราะค้นหาบทความภาษาไทยก็เจอแต่ของเวบนี้ แต่มันไม่โดนอ่ะครับ ผมว่าบทความเวบนี้ออกแนวสายปั่น SEO ให้มันดูเยอะ แต่อ่านแล้วไม่ค่อยได้อะไร

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-09 11:35:56 By : วี
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนผู้รู้เกี่ยวกับ การตรึงกล่อง พอเลื่อน scroll bar ลงมา หรือเลื่อนเลยกล่องที่กำหนด กล่องที่ตรึงไว้จะเลื่อนตาม scroll bar
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 01
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 อัตราราคา คลิกที่นี่