Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > ขอสอบถามเกี่ยวกับ modal ของ bootstrap 4 การแสดงด้านบนมันหายไปครับ หน่อยครับ

ขอสอบถามเกี่ยวกับ modal ของ bootstrap 4 การแสดงด้านบนมันหายไปครับ หน่อยครับ

เริ่มหัวข้อใหม่

ลูกเป็ดขี้เหล่

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

ขอสอบถามเกี่ยวกับ modal ของ bootstrap 4 หน่อยครับ

bootstrap 4 modal

ดังภาพครับ

สังเกตุว่า modal ด้านบนมันหายไป ในกรณี ข้อมูลมีจำนวนมาก
แทนที่มันจะเลื่อนลงด้านล่างกับขยายขึ้นด้านบน

แล้ว scrollbar ก็ไม่สามารถเลื่อนขึ้นได้แล้ว

มันเกิดจากอะไรครับ แก้ปัญหาได้ยังไงบ้าง ผมหาวิธีมาหลายวันแล้วครับ

ช่วยหน่อยครับ

ขอบคุณครับ

Tag : PHP, jQuery, Bootstrap Framework

ประวัติการแก้ไข
2018-06-22 20:08:36

Date : 2018-06-22 20:07:45

By : aimoomoo

View : 1262

Reply : 4

No. 1

Chaidhanan

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

กำหนด css margin top ไว้แบบไหนครับ คงตอบยากถ้าไม่เห็น html css ที่ทำไว้

Date : 2018-06-22 20:42:34

By : Chaidhanan

No. 2

ลูกเป็ดขี้เหล่

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

ไม่มีการกำหนดครับ
แต่ผมลองแก้ปัญหาโดยการกำหนดเข้าไปก็ไม่เกิดผลไดๆๆครับ

Date : 2018-06-22 20:50:29

By : aimoomoo

No. 3

ลูกเป็ดขี้เหล่

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

แก้ไขได้แล้วครับ พอดีไปไล่ดูใน style ของ template (พอดีโหลด template มาใช้) เลยไปเจอ code นี้ซ้อนอยู่
ทำการ marks /**/ จบครับ

Code (CSS)
[style]
/*
.modal-dialog {
margin: 30px auto;
position: relative;
top: 50%;
transform: translateY(-50%) !important;
width: 70%;
}
.modal-header .close {
font-size: 14px;
margin-right: 15px;
margin-top: 5px;
}
.modal-content {
border-radius: 3px;
}
*/
[/style]

ประวัติการแก้ไข
2018-06-22 22:10:49

Date : 2018-06-22 22:10:26

By : aimoomoo

No. 4

BirdFire

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

top: 50%; ผมว่าจากปัญหาอันนี้

Date : 2018-06-28 08:47:03

By : kokoit555

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ขอสอบถามเกี่ยวกับ modal ของ bootstrap 4 การแสดงด้านบนมันหายไปครับ หน่อยครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก