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

ฉันกำลังพยายามทำให้การเลื่อนไปยัง ID เฉพาะในการโหลดหน้า ฉันได้ทำการวิจัยมากมายและเจอสิ่งนี้: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); แต่ดูเหมือนว่าจะเริ่มจาก ID และเคลื่อนไหวไปที่ด้านบนของหน้า? HTML (ซึ่งอยู่ครึ่งทางของหน้า) เป็นเพียง: <h2 id="title1">Title here</h2>

123 jquery  scroll  jquery-animate 

<div id="containerDiv"></div> #containerDiv { position: absolute; top: 0px; width: 400px; height: 100%; padding: 5px; font-size: .875em; overflow-y: scroll; } document.getElementById("containerDiv").innerHTML = variableLongText; จะรีเซ็ตตำแหน่งเลื่อนกลับไปด้านบนของคอนเทนเนอร์ div ในครั้งต่อไปได้อย่างไร

122 javascript  html  scroll 

ฉันแค่ต้องการ JQ / JS แบบง่ายๆเพื่อตรวจสอบว่าหน้า / หน้าต่างปัจจุบัน (ไม่ใช่องค์ประกอบเฉพาะ) มีแถบเลื่อนแนวตั้งหรือไม่ Googling ให้ข้อมูลที่ดูซับซ้อนเกินไปสำหรับคุณลักษณะพื้นฐานนี้ จะทำได้อย่างไร?

121 javascript  jquery  scroll 

ดังนั้นฉันจึงพยายามใช้ JavaScript on scrollเพื่อเรียกใช้ฟังก์ชัน แต่ฉันอยากรู้ว่าฉันสามารถตรวจจับทิศทางของการเลื่อนโดยไม่ใช้ jQuery ได้หรือไม่ ถ้าไม่เช่นนั้นมีวิธีแก้ปัญหาใด ๆ หรือไม่? ฉันคิดว่าจะแค่ใส่ปุ่ม "ไปด้านบน" แต่อยากจะหลีกเลี่ยงสิ่งนั้นถ้าทำได้ ตอนนี้ฉันเพิ่งลองใช้รหัสนี้ แต่ไม่ได้ผล: if document.body.scrollTop <= 0 { alert ("scrolling down") } else { alert ("scrolling up") }

120 javascript  scroll  onscroll 

ฉันจะทำให้คุณสมบัติการจัดเรียง jQuery-UI ทำงานบน iPad และอุปกรณ์ระบบสัมผัสอื่น ๆ ได้อย่างไร http://jqueryui.com/demos/sortable/ ผมพยายามที่จะใช้event.preventDefault();, event.cancelBubble=true;และevent.stopPropagation();ด้วยtouchmoveและscrollเหตุการณ์ที่เกิดขึ้น แต่ผลที่ได้ก็คือว่าหน้าไม่เลื่อนได้อีกต่อไป ความคิดใด ๆ ?

116 ipad  jquery-ui  scroll  touch  jquery-ui-sortable 

การอ่านเอกสาร AngularJSฉันไม่ทราบว่า$anchorScrollสามารถมีตัวเลือกระยะเวลา / การค่อยๆเปลี่ยนเพื่อเลื่อนดูองค์ประกอบได้อย่างราบรื่นหรือไม่ มันบอกเพียงว่า: $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); ฉันไม่ได้ใช้ jquery และไม่ต้องการ; ยังมีวิธีที่ชาญฉลาด แต่ง่าย ๆ ในการสร้างหรือขยาย$anchorScrollเพื่อให้การเลื่อนราบรื่นขึ้นหรือไม่?

115 javascript  angularjs  scroll  anchor-scroll 

ฉันมีหน้าที่แถบเลื่อนที่มีแถวของตารางที่มี div อยู่ในนั้นถูกสร้างขึ้นแบบไดนามิกจากฐานข้อมูล แต่ละแถวของตารางจะทำหน้าที่เหมือนลิงก์ตามที่คุณเห็นในเพลย์ลิสต์ YouTube ถัดจากโปรแกรมเล่นวิดีโอ เมื่อผู้ใช้เข้าชมเพจตัวเลือกที่เปิดอยู่ควรจะไปที่ด้านบนสุดของ div แบบเลื่อน ฟังก์ชันนี้ใช้งานได้ ปัญหาคือมันไปไกลเกินไป เช่นเดียวกับตัวเลือกที่เปิดอยู่สูงเกินไปประมาณ 10px ดังนั้นเมื่อมีการเยี่ยมชมหน้าเว็บ URL จะใช้เพื่อระบุว่าตัวเลือกใดถูกเลือกจากนั้นเลื่อนตัวเลือกนั้นไปที่ด้านบนสุดของ Div หมายเหตุ: นี่ไม่ใช่แถบเลื่อนสำหรับหน้าต่าง แต่เป็น div ที่มีแถบเลื่อน ฉันใช้รหัสนี้เพื่อย้ายตัวเลือกที่เลือกไปที่ด้านบนสุดของ div: var pathArray = window.location.pathname.split( '/' ); var el = document.getElementById(pathArray[5]); el.scrollIntoView(true); มันจะย้ายไปที่ด้านบนสุดของ div แต่ไกลเกินไปประมาณ 10 พิกเซล ใครทราบวิธีแก้ไข

114 javascript  dom  scroll 

เป็นไปได้ไหมที่จะอนุญาตเฉพาะแถบเลื่อนแนวนอนเมื่อใช้โอเวอร์โฟลว์: อัตโนมัติ (หรือเลื่อน)

113 html  css  scroll  scrollbar 

ฉันมีชุดส่วนประกอบเซลล์เดียวภายในไฟล์ ng-forลูป ฉันมีทุกอย่างเรียบร้อย แต่ดูเหมือนจะคิดไม่ออก ปัจจุบันฉันมี setTimeout(() => { scrollToBottom(); }); แต่จะไม่ได้ผลตลอดเวลาเนื่องจากรูปภาพดันวิวพอร์ตลงแบบอะซิงโครนัส วิธีใดที่เหมาะสมในการเลื่อนไปที่ด้านล่างของหน้าต่างแชทใน Angular 2

112 scroll  typescript  angular 

โอเคกับเรื่องนี้ .. $(window).scroll(function() { $('.slides_layover').removeClass('showing_layover'); $('#slides_effect').show(); }); ฉันสามารถบอกได้เมื่อมีคนเลื่อนจากสิ่งที่ฉันเข้าใจ ด้วยเหตุนี้ฉันจึงพยายามหาวิธีจับเมื่อมีคนหยุด จากตัวอย่างข้างต้นคุณจะเห็นว่าฉันกำลังลบคลาสออกจากชุดขององค์ประกอบในขณะที่กำลังเกิดการเลื่อน อย่างไรก็ตามฉันต้องการเปิดคลาสนั้นอีกครั้งเมื่อผู้ใช้หยุดเลื่อน เหตุผลนี้คือฉันตั้งใจที่จะให้มีการแสดงการหยุดพักระหว่างที่หน้ากำลังเลื่อนเพื่อให้หน้าเว็บมีเอฟเฟกต์พิเศษที่ฉันกำลังพยายามทำอยู่ แต่คลาสเดียวที่ฉันพยายามลบในขณะที่การเลื่อนขัดแย้งกับเอฟเฟกต์นั้นเนื่องจากเอฟเฟกต์ความโปร่งใสต่อธรรมชาติบางอย่าง

109 javascript  jquery  scroll  jquery-events 

ฉันไม่สามารถจับภาพเหตุการณ์การเลื่อนบน iPad ได้ ไม่มีงานเหล่านี้ฉันทำอะไรผิด? window.onscroll=myFunction; document.onscroll=myFunction; window.attachEvent("scroll",myFunction,false); document.attachEvent("scroll",myFunction,false); ทั้งหมดนี้ทำงานได้แม้กระทั่งบน Safari 3 บน Windows แดกดันทุกเบราว์เซอร์บนพีซีรองรับwindow.onload=หากคุณไม่รังเกียจที่จะปิดบังเหตุการณ์ที่มีอยู่ แต่ไม่ไปบน iPad

107 javascript  iphone  ipad  scroll  onscroll 

ฉันมีรหัสนี้สำหรับ RecyclerView recyclerView = (RecyclerView)rootview.findViewById(R.id.fabric_recyclerView); recyclerView.setLayoutManager(layoutManager); recyclerView.addItemDecoration(new RV_Item_Spacing(5)); FabricAdapter fabricAdapter=new FabricAdapter(ViewAdsCollection.getFabricAdsDetailsAsArray()); recyclerView.setAdapter(fabricAdapter); ฉันต้องการทราบเมื่อ RecyclerView มาถึงตำแหน่งล่างสุดขณะที่เลื่อน เป็นไปได้ไหม ? ถ้าใช่อย่างไร

106 android  scroll  android-recyclerview 

ฉันต้องการทราบว่าเมื่อUITableViewใดเลื่อนไปด้านล่างเพื่อโหลดและแสดงเนื้อหาเพิ่มเติมบางอย่างเช่นผู้รับมอบสิทธิ์หรืออย่างอื่นเพื่อแจ้งให้ผู้ควบคุมทราบเมื่อตารางเลื่อนไปด้านล่าง มีใครรู้บ้างโปรดช่วยฉันด้วยขอบคุณล่วงหน้า!

101 ios  uitableview  scroll 

ฉันพยายามเลื่อนลง 100px ทุกครั้งที่ผู้ใช้เข้าใกล้ด้านบนสุดของเอกสาร ฉันมีฟังก์ชันที่ทำงานเมื่อผู้ใช้เข้าใกล้ด้านบนสุดของเอกสาร แต่ฟังก์ชัน. scrollTo ไม่ทำงาน ฉันแจ้งเตือนก่อนและหลังเพื่อตรวจสอบว่าเป็นบรรทัดจริงหรือไม่ที่หยุดการแจ้งเตือนและมีเพียงการแจ้งเตือนครั้งแรกเท่านั้นที่ดับลงนี่คือรหัส: alert("starting"); $.scrollTo({ top: '+=100px', left: '+=0px' }, 800); alert("finished"); ฉันรู้ว่าฉันมีหน้า jquery ที่เชื่อมโยงอย่างถูกต้องเพราะฉันใช้ฟังก์ชั่น jquery อื่น ๆ มากมายและมันก็ทำงานได้ดี ฉันได้ลองลบ 'px' จากด้านบนแล้วและดูเหมือนจะไม่สร้างความแตกต่าง

98 javascript  jquery  scroll  scrollto 

ฉันสังเกตเห็นสิ่งนี้ในเว็บไซต์ "สมัยใหม่" จำนวนมาก (เช่นการค้นหาภาพบน Facebook และ Google) ซึ่งรูปภาพด้านล่างของฝาพับจะโหลดเฉพาะเมื่อผู้ใช้เลื่อนหน้าลงมามากพอที่จะนำภาพเหล่านั้นเข้าไปในพื้นที่วิวพอร์ตที่มองเห็นได้ ( ตามแหล่งที่มาของการดูหน้าเว็บจะแสดงXจำนวน<img>แท็ก แต่ไม่ได้ดึงมาจากเซิร์ฟเวอร์ทันที ) เทคนิคนี้เรียกว่าอะไรทำงานอย่างไรและมีกี่เบราว์เซอร์ทำงานอย่างไร และมีปลั๊กอิน jQuery ที่สามารถบรรลุพฤติกรรมนี้ด้วยการเข้ารหัสขั้นต่ำหรือไม่ แก้ไข โบนัส: ใครสามารถอธิบายได้ว่ามี "onScrolledIntoView" หรือเหตุการณ์ที่คล้ายกันสำหรับองค์ประกอบ HTML ถ้าไม่ปลั๊กอินเหล่านี้ทำงานอย่างไร

97 javascript  jquery  html  scroll  lazy-loading