คำถามติดแท็ก scroll

ฉันพบพฤติกรรมที่ไม่พึงประสงค์อย่างน้อยสำหรับฉันเมื่อเส้นทางเปลี่ยนไป ในขั้นตอนที่ 11 ของบทช่วยสอนhttp://angular.github.io/angular-phonecat/step-11/app/#/phones คุณสามารถดูรายการโทรศัพท์ หากคุณเลื่อนไปที่ด้านล่างและคลิกที่หนึ่งในล่าสุดคุณจะเห็นว่าการเลื่อนนั้นไม่ได้อยู่ที่ด้านบนแทนที่จะเป็นแบบกึ่งกลาง ฉันพบสิ่งนี้ในหนึ่งในแอพของฉันด้วยและฉันก็สงสัยว่าฉันจะทำให้มันเลื่อนไปด้านบนได้อย่างไร ฉันสามารถทำได้ด้วยตนเอง แต่ฉันคิดว่าควรมีวิธีที่สง่างามในการทำสิ่งนี้ซึ่งฉันไม่รู้ ดังนั้นมีวิธีที่สวยงามเพื่อเลื่อนไปด้านบนเมื่อเส้นทางเปลี่ยน?

271 javascript  angularjs  scroll  angularjs-routing 

ฉันต้องการให้เบราว์เซอร์เลื่อนหน้าไปที่จุดยึดที่กำหนดเพียงใช้ JavaScript ฉันได้ระบุnameหรือidแอตทริบิวต์ในรหัส HTML ของฉัน: <a name="anchorName">..</a> หรือ <h1 id="anchorName2">..</h1> http://server.com/path#anchorNameฉันต้องการที่จะได้รับผลเช่นเดียวกับที่คุณจะได้รับโดยไปที่ หน้าควรเลื่อนเพื่อให้สมออยู่ใกล้กับส่วนบนของส่วนที่มองเห็นได้ของหน้า

264 javascript  jquery  html  scroll  anchor 

ฉันมีตารางใหญ่พร้อมแถบเลื่อนแนวตั้ง ฉันต้องการเลื่อนไปยังบรรทัดที่ระบุในตารางนี้โดยใช้ jQuery / Javascript มีวิธีการในการทำเช่นนี้? นี่คือตัวอย่างเล็ก ๆ น้อย ๆ ที่จะเล่นกับ div { width: 100px; height: 70px; border: 1px solid blue; overflow: auto; } <div> <table id="my_table"> <tr id='row_1'><td>1</td></tr> <tr id='row_2'><td>2</td></tr> <tr id='row_3'><td>3</td></tr> <tr id='row_4'><td>4</td></tr> <tr id='row_5'><td>5</td></tr> <tr id='row_6'><td>6</td></tr> <tr id='row_7'><td>7</td></tr> <tr id='row_8'><td>8</td></tr> <tr id='row_9'><td>9</td></tr> </table> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

252 javascript  jquery  scroll 

หลังจากการทดลองและข้อผิดพลาดมากมายฉันยอมแพ้และถามคำถาม ฉันเคยเห็นคนจำนวนมากที่มีปัญหาคล้ายกัน แต่ไม่สามารถหาคำตอบทั้งหมดให้ทำงานได้ ฉันมีUITableViewซึ่งประกอบด้วยเซลล์ที่กำหนดเอง เซลล์ที่ทำจาก 5 ช่องข้อความถัดจากแต่ละอื่น ๆ (เรียงลำดับของเช่นตาราง) เมื่อฉันพยายามเลื่อนและแก้ไขเซลล์ที่ด้านล่างของUITableViewฉันไม่สามารถจัดการเพื่อให้เซลล์ของฉันอยู่ในตำแหน่งที่ถูกต้องเหนือคีย์บอร์ด ฉันได้เห็นคำตอบมากมายที่พูดถึงการเปลี่ยนขนาดมุมมอง ฯลฯ ... แต่ไม่มีคำตอบใดที่ทำงานได้ดีนัก ใครช่วยอธิบายวิธี "ถูกต้อง" ด้วยตัวอย่างรหัสที่เป็นรูปธรรม?

251 ios  iphone  uitableview  keyboard  scroll 

ฉันพยายามเลื่อนดูรหัส jQuery id เพื่อให้ทำงานได้อย่างถูกต้อง จากคำถามล้นสแต็คอื่นฉันลองทำตามนี้ DEMO http://jsfiddle.net/kevinPHPkevin/8tLdq/ $('#myButton').click(function() { $.scrollTo($('#myDiv'), 1000); }); แต่มันไม่ทำงาน มันเพียงแค่ยึดกับ div ฉันก็ลอง $('#myButton').click(function(event) { event.preventDefault(); $.scrollTo($('#myDiv'), 1000); }); ไม่มีความคืบหน้า

248 javascript  jquery  scroll 

ฉันมีตาราง (จัดกลุ่มสไตล์) ไม่กี่ตารางในแอพ iphone ของฉัน (เฉพาะบางส่วนของหน้าจอและเพิ่มด้วยInterface Builderแม้ว่าจะไม่ได้รับการจัดประเภทย่อยUITableViewController) ว่า 80% ของเวลามีขนาดเล็กและจะพอดีกับหน้าจอ เมื่อตารางพอดีกับหน้าจอฉันต้องการปิดใช้งานการเลื่อนเพื่อให้มันสะอาดขึ้นเล็กน้อย แต่ถ้าตารางหลุดออกจากหน้าจอ (เมื่อเพิ่มแถวเข้าไปในภายหลัง) ฉันต้องการเปิดใช้งานการเลื่อนอีกครั้ง (เพราะไม่เช่นนั้นคุณจะไม่เห็นเนื้อหานั้น) มีวิธีทำเช่นนี้หรือไม่? ฉันดูเหมือนจะไม่สามารถคิดออก ฉันรู้ว่าต้องทำ: tableView.scrollEnabled = NO; แต่ฉันไม่แน่ใจว่าที่ไหนหรือถ้าฉันต้องคำนวณขนาดวัตถุตารางหรือบางสิ่งบางอย่างเพื่อให้มันทำงาน อัปเดต : ต่อไปนี้เป็นโซลูชันที่ใช้งานได้ในที่สุดสำหรับฉัน: if (table.contentSize.height < table.frame.size.height) { table.scrollEnabled = NO; } else { table.scrollEnabled = YES; } ฉันเรียกใช้รหัสนี้หลังจากเรียกreloadDataบนโต๊ะและมันคำนวณขนาดที่เหมาะสมและดูเหมือนว่าจะทำงาน table.frame.size.heightคือขนาดที่แท้จริงของวัตถุ (คุณสามารถเห็นสิ่งนี้ในInterface Builder) ปรากฏบนหน้าจอในขณะtable.contentSize.heightที่ความสูงของ: ส่วนหัว, ส่วนท้ายและส่วนสูงของเซลล์ทุกเซลล์เข้าด้วยกัน

240 iphone  ios  uitableview  scroll 

ดังนั้นปัจจุบันฉันมี: #div { position: relative; height: 510px; overflow-y: scroll; } อย่างไรก็ตามฉันไม่เชื่อว่าจะมีผู้ใช้บางคนที่ชัดเจนว่ามีเนื้อหาเพิ่มเติม พวกเขาสามารถเลื่อนหน้าลงโดยไม่ทราบว่า div ของฉันมีเนื้อหามากขึ้น ฉันใช้ความสูง 510px เพื่อตัดข้อความบางส่วนออกไปในบางหน้าดูเหมือนว่ามีเนื้อหามากกว่านี้ แต่มันใช้ไม่ได้กับทุกคน ฉันใช้ Mac และใน Chrome และ Safari แถบเลื่อนแนวตั้งจะแสดงเฉพาะเมื่อเมาส์อยู่เหนือ Div และคุณเลื่อนอย่างแข็งขัน มีวิธีที่จะแสดงมันเสมอ?

225 css  macos  scroll  overflow 

ฉันจะใช้ jquery เพื่อเลื่อนลงไปที่ด้านล่างของ iframe หรือหน้าได้อย่างไร?

224 jquery  scroll  scrollto 

ฉันมี div ที่มีขนาดใหญ่เพียง 300 พิกเซลและฉันต้องการให้มันเมื่อหน้าโหลดเลื่อนไปที่ด้านล่างของเนื้อหา div นี้มีการเพิ่มเนื้อหาแบบไดนามิกและต้องเลื่อนลงเรื่อย ๆ ตอนนี้หากผู้ใช้ตัดสินใจเลื่อนขึ้นฉันไม่ต้องการให้กระโดดกลับไปด้านล่างจนกว่าผู้ใช้จะเลื่อนลงมาอีกครั้ง เป็นไปได้หรือไม่ที่จะมี div ที่จะยังคงเลื่อนไปที่ด้านล่างเว้นแต่ผู้ใช้เลื่อนขึ้นและเมื่อผู้ใช้เลื่อนกลับไปที่ด้านล่างจะต้องให้ตัวเองอยู่ที่ด้านล่างแม้ว่าจะมีการเพิ่มเนื้อหาแบบไดนามิกใหม่ ฉันจะสร้างการแข่งขันนี้ได้อย่างไร

224 javascript  jquery  html  css  scroll 

RecyclerViewฉันไม่สามารถปิดการใช้งานในการเลื่อน ฉันพยายามโทรออกrv.setEnabled(false)แต่ฉันยังสามารถเลื่อนได้ ฉันจะปิดการใช้งานการเลื่อนได้อย่างไร

221 android  scroll  android-recyclerview 

ฉันกำลังมองหาวิธีการเลื่อนRecyclerViewเพื่อแสดงรายการที่เลือกไว้ด้านบน ในแบบที่ListViewฉันสามารถทำได้โดยใช้scrollTo(x,y)และรับส่วนบนสุดขององค์ประกอบที่ต้องมีศูนย์กลาง สิ่งที่ต้องการ: @Override public void onItemClick(View v, int pos){ mylistView.scrollTo(0, v.getTop()); } ปัญหาคือว่าRecyclerViewส่งกลับข้อผิดพลาดเมื่อใช้มันเป็นscrollToวิธีการพูด RecyclerView ไม่รองรับการเลื่อนไปยังตำแหน่งที่แน่นอน ฉันจะเลื่อน a RecyclerViewเพื่อวางรายการที่เลือกไว้ที่ด้านบนของมุมมองได้อย่างไร

216 android  scroll  android-recyclerview 

มีวิธีใดในซีลีเนียม 1.x หรือ 2.x เพื่อเลื่อนหน้าต่างเบราว์เซอร์เพื่อให้องค์ประกอบเฉพาะที่ระบุโดย XPath อยู่ในมุมมองของเบราว์เซอร์ มีวิธีการโฟกัสในซีลีเนียม แต่ดูเหมือนจะไม่เลื่อนภาพใน FireFox ใครบ้างมีคำแนะนำเกี่ยวกับวิธีการทำเช่นนี้? เหตุผลที่ฉันต้องการสิ่งนี้คือฉันกำลังทดสอบการคลิกองค์ประกอบบนหน้าเว็บ น่าเสียดายที่เหตุการณ์ดูเหมือนจะไม่ทำงานจนกว่าองค์ประกอบจะปรากฏ ฉันไม่สามารถควบคุมโค้ดที่จะยิงเมื่อมีการคลิกองค์ประกอบดังนั้นฉันจึงไม่สามารถดีบักหรือทำการแก้ไขได้ดังนั้นวิธีที่ง่ายที่สุดคือการเลื่อนรายการลงในมุมมอง

207 selenium  scroll  automated-tests 

ดังนั้นฉันจึงมีหน้าเว็บที่มีแถบลิงค์คงที่อยู่ด้านข้าง ฉันต้องการเลื่อนไปยัง div อื่น โดยทั่วไปหน้าเว็บเป็นเพียงเว็บไซต์เดียวที่ฉันต้องการเลื่อนไปยัง div ที่แตกต่างกันโดยใช้กล่องเมนูด้านข้าง นี่คือ jquery ที่ฉันมีจนถึงตอนนี้ $(document).ready(function() { $('#contactlink').click = function() { $(document).scrollTo('#contact'); } }); ปัญหาคือมันจะไปที่ div ที่ติดต่อโดยอัตโนมัติเมื่อมันโหลดจากนั้นเมื่อฉันกด#contactlinkในเมนูมันเลื่อนกลับไปที่ด้านบน แก้ไข: HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- jQuery--> <script src = "<?php echo base_url() ?>assets/js/jquery.js"></script> <!-- .js file--> <script src = "<?php echo base_url() ?>assets/js/pagetwo.js"></script> …

205 jquery  scroll 

ฉันพยายามตรวจสอบตำแหน่งของแถบเลื่อนของเบราว์เซอร์ด้วย JavaScript เพื่อตัดสินใจว่ามุมมองปัจจุบันอยู่ที่ไหนในหน้า ฉันเดาว่าฉันต้องตรวจสอบตำแหน่งของนิ้วโป้งบนแทร็กแล้วความสูงของนิ้วโป้งเป็นเปอร์เซ็นต์ของความสูงทั้งหมดของแทร็ก ฉันมีความซับซ้อนเกินจริงหรือ JavaScript มีวิธีแก้ปัญหาที่ง่ายกว่านั้นหรือไม่? ความคิดใด ๆ ที่ชาญฉลาด

191 javascript  browser  scroll  dom-events 

ฉันมีปัญหากับการทำงานของ jQuery ในเว็บไซต์ของฉัน มันทำอะไรคือมันใช้window.scroll() ฟังก์ชั่นในการจดจำเมื่อหน้าต่างเปลี่ยนตำแหน่งการเลื่อนและเมื่อการเปลี่ยนแปลงเรียกใช้ฟังก์ชั่นบางอย่างเพื่อโหลดข้อมูลจากเซิร์ฟเวอร์ ปัญหาคือ.scroll()ฟังก์ชั่นถูกเรียกใช้ทันทีที่มีการเปลี่ยนแปลงเล็กน้อยในตำแหน่งเลื่อนและโหลดข้อมูลที่ด้านล่าง อย่างไรก็ตามสิ่งที่ฉันต้องการบรรลุคือการโหลดข้อมูลใหม่เมื่อเลื่อนตำแหน่ง / หน้าถึงด้านล่างเช่นที่เกิดขึ้นสำหรับฟีด Facebook แต่ฉันไม่แน่ใจวิธีตรวจจับตำแหน่งการเลื่อนโดยใช้ jQuery? function getData() { $.getJSON('Get/GetData?no=1', function (responseText) { //Load some data from the server }) }; $(window).scroll(function () { getData(); });

183 javascript  jquery  scroll