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

ฉันมีการเลื่อนdivและฉันต้องการที่จะมีลิงค์เมื่อฉันคลิกที่มันมันจะบังคับdivให้เลื่อนเพื่อดูองค์ประกอบภายใน ฉันเขียน JavasSript ของมันเช่นนี้: document.getElementById(chr).scrollIntoView(true); แต่สิ่งนี้จะเลื่อนหน้าทั้งหมดในขณะที่เลื่อนdivตัวเอง จะแก้ไขได้อย่างไร? ฉันอยากพูดแบบนั้น MyContainerDiv.getElementById(chr).scrollIntoView(true);

170 javascript  html  scroll 

ฉันมีปัญหาซึ่งฉันไม่มีความคิดวิธีแก้ ในองค์ประกอบการตอบสนองของฉันฉันจะแสดงรายการข้อมูลที่ยาวและมีลิงค์จำนวนน้อยที่ด้านล่าง หลังจากคลิกที่ลิงค์ใด ๆ นี้ฉันกรอกข้อมูลในรายการด้วยลิงค์ใหม่และจำเป็นต้องเลื่อนไปด้านบน ปัญหาคือ - วิธีการเลื่อนไปที่ด้านบนหลังจากที่มีการแสดงคอลเลกชันใหม่? 'use strict'; // url of this component is #/:checklistId/:sectionId var React = require('react'), Router = require('react-router'), sectionStore = require('./../stores/checklist-section-store'); function updateStateFromProps() { var self = this; sectionStore.getChecklistSectionContent({ checklistId: this.getParams().checklistId, sectionId: this.getParams().sectionId }).then(function (section) { self.setState({ section, componentReady: true }); }); this.setState({componentReady: false}); …

168 scroll  reactjs  render 

ใช้ jQuery ฉันต้องการปิดการเลื่อนร่างกาย: ความคิดของฉันคือ: ชุด body{ overflow: hidden;} จับภาพปัจจุบัน scrollTop();/scrollLeft() เชื่อมโยงกับเหตุการณ์การเลื่อนร่างกายตั้ง scrollTop / scrollLeft เป็นค่าที่บันทึกไว้ มีวิธีที่ดีกว่า? ปรับปรุง: โปรดดูตัวอย่างของฉันและเหตุผลที่http://jsbin.com/ikuma4/2/edit ฉันรู้ว่ามีใครบางคนกำลังคิดว่า "ทำไมเขาไม่ใช้เพียงแค่position: fixedบนแผงควบคุม" โปรดอย่าแนะนำสิ่งนี้เพราะฉันมีเหตุผลอื่น

163 jquery  css  scroll 

ฉันต้องการเลื่อนไปที่ด้านล่างของรายการ RecyclerView หลังจากโหลดกิจกรรม GENERIC_MESSAGE_LIST = (ArrayList) intent.getExtras().getParcelableArrayList(ConversationsAdapter.EXTRA_MESSAGE); conversationView = (RecyclerView) findViewById(R.id.list_messages); conversationView.setHasFixedSize(true); conversationViewLayoutManager = new LinearLayoutManager(this); conversationView.setLayoutManager(conversationViewLayoutManager); conversationViewAdapter = new ConversationAdapter(GENERIC_MESSAGE_LIST, this); conversationView.setAdapter(conversationViewAdapter); conversationView.scrollTo(...)มีข้อยกเว้นเกี่ยวกับการไม่รองรับใน RecyclerView และconversationView.scrollToPosition(...)ดูเหมือนจะไม่ทำอะไรเลย หลังจากบล็อกรหัสด้านบนฉันเพิ่ม conversationView.scrollToPosition(GENERIC_MESSAGE_LIST.size() + 1) ซึ่งไม่ทำงาน มี 30 GENERIC_MESSAGE_LISTองค์ประกอบในเป็น

161 java  android  scroll  android-recyclerview 

ฉันมีUIScrollViewที่มีหลายมุมมอง เมื่อผู้ใช้เลื่อนนิ้วของพวกเขามุมมองเลื่อนไปทางขวาหรือซ้ายขึ้นอยู่กับทิศทางของการตวัดนิ้ว โดยทั่วไปรหัสของฉันทำงานในลักษณะคล้ายกับแอพถ่ายรูป iPhone ตอนนี้จะมีวิธีที่ฉันสามารถเขียนโปรแกรมทำสิ่งเดียวกันเพื่อที่ฉันจะจบลงด้วยสไลด์โชว์ที่วิ่งบนของตัวเองด้วยการคลิกปุ่มและหยุดการทำงานชั่วคราวที่กำหนดระหว่างแต่ละเลื่อนหรือไม่? คุณทำสไลด์โชว์UIScrollViewอย่างไร?

159 ios  objective-c  uiscrollview  scroll 

มีวิธีควบคุมการเลื่อนเบราว์เซอร์ด้วย JavaScript / jQuery หรือไม่? เมื่อฉันเลื่อนหน้าเว็บลงครึ่งหนึ่งจากนั้นให้เรียกโหลดอีกครั้งฉันต้องการให้หน้ากระดาษไปด้านบน แต่กลับพยายามค้นหาตำแหน่งการเลื่อนครั้งสุดท้ายแทน ดังนั้นฉันจึงทำสิ่งนี้: $('document').ready(function() { $(window).scrollTop(0); }); แต่ไม่มีโชค แก้ไข : ดังนั้นคำตอบของคุณทั้งสองทำงานเมื่อฉันเรียกพวกเขาหลังจากหน้าโหลด - ขอบคุณ อย่างไรก็ตามหากฉันเพิ่งรีเฟรชหน้าเว็บดูเหมือนว่าเบราว์เซอร์จะคำนวณและเลื่อนไปยังตำแหน่งเลื่อนเก่าหลังจาก.readyเหตุการณ์ (ฉันทดสอบฟังก์ชั่น body onload () ด้วย) ดังนั้นการติดตามคือมีวิธีป้องกันเบราว์เซอร์ที่เลื่อนไปยังตำแหน่งที่ผ่านมาหรือเลื่อนอีกครั้งไปด้านบนหลังจากที่มันทำมันได้หรือไม่

159 javascript  jquery  html  scroll 

ฉันมีสองปัญหาจริง ๆ แต่ให้แก้ไขปัญหาหลักก่อนเพราะฉันเชื่อว่าอีกที่อยู่ง่ายกว่า ฉันมี div ตำแหน่งคงที่ที่ด้านซ้ายของสกรอลสำหรับเมนู ด้านขวาเป็น div มาตรฐานที่เลื่อนอย่างถูกต้อง ปัญหาคือเมื่อเบราว์เซอร์ดูพอร์ตมีขนาดเล็กเกินไปที่จะดูเมนูทั้งหมด .. ไม่มีวิธีใดที่จะเลื่อนดูที่ฉันสามารถหาได้ (อย่างน้อยก็ไม่ใช่ css) ฉันได้ลองใช้โอเวอร์โฟลว์ต่าง ๆ ใน css แต่ไม่มีอะไรทำให้ div เลื่อน div ที่มีเมนูตั้งไว้ที่ min-height: 100% และ position: fixed .. ทั้งสองคุณสมบัติที่ฉันต้องการเก็บไว้ div ที่มีเมนูอยู่ใน wrapper div อื่นที่อยู่ในตำแหน่งอย่างแน่นอนและตั้งค่าความสูงไว้ที่ 100% ฉันจะเลื่อนดูในแนวตั้งได้อย่างไรถ้าเนื้อหานั้นสูงเกินไปสำหรับ div ที่ทำให้ฉันไปที่ปัญหาอื่น ๆ ที่ฉันไม่ต้องการให้แถบเลื่อนเพื่อแสดง .. แต่ฉันคิดว่าฉันอาจมีคำตอบที่แล้ว (เฉพาะมันไม่ทำงานเพราะฉันไม่สามารถรับ div เพื่อเลื่อน เริ่มต้นกับ). ทางออกใด ๆ ? …

150 javascript  css  scroll  overflow  css-position 

ฉันแค่สงสัยว่าฉันจะใช้ข้อมูลเพิ่มเติมในการเลื่อนได้ต่อเมื่อ div.loading สามารถมองเห็นได้ โดยปกติแล้วเราจะค้นหาความสูงของหน้าและความสูงของหน้าเลื่อนเพื่อดูว่าเราจำเป็นต้องโหลดข้อมูลเพิ่มเติมหรือไม่ แต่ตัวอย่างต่อไปนี้ซับซ้อนเล็กน้อยแล้ว ภาพต่อไปนี้เป็นตัวอย่างที่สมบูรณ์แบบ มี div. load สองอันบนกล่องดรอปดาวน์ เมื่อผู้ใช้เลื่อนเนื้อหาสิ่งที่มองเห็นได้ก็ควรเริ่มโหลดข้อมูลเพิ่มเติม ดังนั้นฉันจะทราบได้อย่างไรว่าผู้ใช้ div. loading มองเห็นได้หรือไม่ ดังนั้นฉันสามารถเริ่มต้นการโหลดข้อมูลสำหรับ div นั้นเท่านั้น

148 javascript  jquery  ajax  scroll 

ในแอปของฉันฉันต้องการซ่อนแป้นพิมพ์เมื่อฉันเริ่มเลื่อน UITableView ฉันค้นหาเกี่ยวกับสิ่งนี้ในอินเทอร์เน็ตและคำตอบส่วนใหญ่คือคลาสย่อย UITableView (http://stackoverflow.com/questions/3499810/tapping-a-uiscrollview-to-hide-the-keyboard) ฉันสร้างคลาสย่อย แต่มันใช้ไม่ได้ #import <UIKit/UIKit.h> @protocol MyUITableViewDelegate <NSObject> @optional - (void)myUITableViewTouchesBegan; @end @interface MyUITableView : UITableView <UITableViewDelegate, UIScrollViewDelegate> { id<MyUITableViewDelegate> delegate; } @end .m ไฟล์ #import "MyUITableView.h" @implementation MyUITableView - (void)scrollViewDidScroll:(UIScrollView *)scrollView{ NSLog(@"delegate scrollView"); //this is dont'work [super scrollViewDidScroll:scrollView]; } - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { …

138 ios  uitableview  keyboard  scroll 

ฉันต้องการปิดการเลื่อนบน HTML bodyทั้งหมด ฉันได้ลองใช้ตัวเลือกต่อไปนี้: overflow: hidden; (ไม่ทำงานไม่ได้ปิดใช้งานการเลื่อนเพียงแค่ซ่อนแถบเลื่อน) position: fixed; (วิธีนี้ใช้งานได้ แต่เลื่อนไปที่ด้านบนสุดซึ่งเป็นที่ยอมรับไม่ได้สำหรับแอปพลิเคชันเฉพาะนี้) ฉันไม่พบทางเลือกอื่นสำหรับสองตัวเลือกนี้มีอีกหรือไม่?

138 html  css  scroll 

เป็นไปได้ไหมที่จะเลื่อนไปยังตำแหน่งเฉพาะบนเพจโดยใช้ jQuery? ตำแหน่งที่ฉันต้องการเลื่อนต้องมี: <a name="#123">here</a> หรือสามารถย้ายไปยังรหัส DOM เฉพาะได้หรือไม่

133 jquery  scroll  scrollto  jquery-scrollable 

ฉันมีปุ่มในหน้าของฉันซึ่งเมื่อคลิกแล้วจะแสดงdiv(รูปแบบป๊อปอัป) ที่กลางหน้าจอของฉัน ฉันใช้ CSS ต่อไปนี้เพื่อdivจัดกึ่งกลางตรงกลางหน้าจอ: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } CSS นี้ทำงานได้ดีตราบเท่าที่ไม่ได้เลื่อนหน้าลง แต่ถ้าฉันวางปุ่มที่ด้านล่างของหน้าเมื่อคลิกปุ่มdivจะแสดงที่ด้านบนและผู้ใช้ต้องเลื่อนขึ้นเพื่อดูเนื้อหาของไฟล์div. ฉันต้องการทราบวิธีแสดงdivตรงกลางหน้าจอแม้ว่าจะเลื่อนหน้าไปแล้วก็ตาม

126 html  css  scroll  position  centering 

ฉันกำลังทำงานกับแอพที่ใช้เบราว์เซอร์ตอนนี้ฉันกำลังพัฒนาและจัดแต่งทรงผมสำหรับเบราว์เซอร์ซาฟารีของ ipad ฉันกำลังมองหาสองสิ่งบน iPad: ฉันจะปิดการใช้งานการเลื่อนแนวตั้งสำหรับหน้าที่ไม่ต้องการได้อย่างไร & ฉันจะปิดใช้งานเอฟเฟกต์การตีกลับแบบยืดหยุ่นได้อย่างไร?

126 ipad  scroll  mobile-safari  bounce 

ใน RecyclerView ฉันสามารถเลื่อนไปที่ด้านบนของรายการที่เลือกโดยใช้: ((LinearLayoutManager) recyclerView.getLayoutManager()).scrollToPositionWithOffset(position, 0); แต่นี้ทันทีย้ายรายการไปที่ตำแหน่งด้านบน ฉันต้องการที่จะย้ายไปยังด้านบนของรายการได้อย่างราบรื่น ฉันได้ลองแล้ว: recyclerView.smoothScrollToPosition(position); แต่ทำงานได้ไม่ดีเนื่องจากไม่ย้ายรายการไปยังตำแหน่งที่เลือกไว้ด้านบน เพียงแค่เลื่อนรายการจนกว่าจะมองเห็นรายการในตำแหน่งนั้น

125 android  scroll  position  android-recyclerview  smooth 

ฉันมีสอง RecyclerViewในNavigationDrawerไฟล์. ทั้งสองมีเอฟเฟกต์เลื่อนสีน้ำเงิน ฉันจะลบเอฟเฟกต์นี้ในทั้งสองไฟล์ได้อย่างไร RecyclerViewsอย่างไร ฉันพยายามเปลี่ยน: mRecyclerView.setHasFixedSize(true);ถึงfalseแต่มันลบเอฟเฟกต์การเลื่อน (วิธีนี้มีผลอย่างไร?)

124 android  scroll  effect  android-recyclerview