আমি কীভাবে jQuery এ উইন্ডোর উচ্চতা এবং স্ক্রোলিং অবস্থান নির্ধারণ করব?

Question

উইন্ডোটির উচ্চতা এবং jQuery এ অফ স্ক্রোলিংটি অফসেট করা দরকার, তবে jQuery ডক্স বা গুগলে এটি খুঁজে পাওয়ার কোনও ভাগ্য আমার হয়নি।

আমি 90% নির্দিষ্ট রয়েছি একটি উপাদানটির জন্য উচ্চতা এবং স্ক্রোলটপ অ্যাক্সেসের একটি উপায় রয়েছে (সম্ভবত উইন্ডো সহ) তবে আমি কেবল নির্দিষ্ট রেফারেন্সটি খুঁজে পাই না।

Comments

কিভাবে jQuery ছাড়া সম্পর্কে?

— কোস্টা

@ কোস্টা যেটিকে সম্ভবত স্ট্যাকওভারফ্লোতে অন্য কোথাও জিজ্ঞাসা করা হয়েছে, এবং যদি তা না হয় তবে এটি নিজস্ব প্রশ্ন হওয়ার যোগ্য।

— ওয়ান ক্রাইওন

Answer 1

JQuery ডক্স থেকে:

const height = $(window).height();
const scrollTop = $(window).scrollTop();

http://api.jquery.com/scrolTop/
http://api.jquery.com/height/

Comments

পরিসংখ্যান আমি ডক্সে এটি মিস করেছি; সেগুলি অনুসন্ধান করেছে, কিন্তু তাদের সংগঠনটি খোলামেলাভাবে আমাকে বোঝায় না (এখনও মটুলগুলিতে ভাবছি, আমি মনে করি)। ধন্যবাদ!

— ওয়ান ক্রাইওন

এটি jQuery 1.3.2 এর জন্য কোনও ব্রাউজারে কাজ করে না যদিও এটি পূর্ববর্তী সংস্করণে অনুমিতভাবে যুক্ত করা হয়েছিল। হয় বা আমার

— কোডটিতে

window (উইন্ডো)। উচ্চতা () উচ্চতার ভিউপোর্ট দেয় এবং স্ক্রোলের উচ্চতা দেয় না। document (দস্তাবেজ)। উচ্চতা () আসল স্ক্রিনের উচ্চতা দেয়, যেমন আইডামিনা পরামর্শ দিয়েছেন।

— জোনাথন

আমি প্রায়শই অবাক হয়ে যাই যে এরকম কতগুলি সহজ উপায়ে উত্সাহিত করে, তবে যেহেতু আমি এই সপ্তাহে ইতিমধ্যে দু'বার দেখেছি, অন্য +1 আছে

— নীল

Answer 2

http://api.jquery.com/height/ থেকে (দ্রষ্টব্য: উইন্ডো এবং নথির অবজেক্টের জন্য ব্যবহারের মধ্যে পার্থক্য)

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

http://api.jquery.com/scrolTop/ থেকে

$(window).scrollTop() // return the number of pixels scrolled vertically

Answer 3

খাঁটি জেএস

window.innerHeight
window.scrollY

jquery এর চেয়ে 10x এর চেয়ে বেশি দ্রুত (এবং কোডটির আকারও একই আকারের):

এখানে আপনি আপনার মেশিনে পরীক্ষা করতে পারেন: https://jsperf.com/window-height-width

Comments

window.scrollY, শীর্ষ উচ্চতা স্ক্রোল পান

— xgqfrms

Answer 4

$(window).height()

$(window).width()

এলিমেন্টের অবস্থান এবং অফসেটগুলি নির্ধারণ করতে jquery তে একটি প্লাগইন রয়েছে

http://plugins.jquery.com/project/dimensions

স্ক্রোলিং অফসেট = অফসেটের উপাদানগুলির উচ্চতম সম্পত্তি

Comments

ধন্যবাদ, জোসেফ আমি অন্য প্লাগইন ব্যবহার এড়াতে চাইলে আমি ঠিক কী খুঁজছিলাম তা নয়, তবে আপনি আমাকে সঠিক দিকে সন্ধান করতে পেয়েছেন। শেষ পর্যন্ত, এটি দেখা গেছে যে আসলে আমার কী দরকার ছিল তা '$ (উইন্ডো)। স্ক্রোলটপ ()' অনুসারে পৃষ্ঠাগুলির কতটুকু স্ক্রোল করে ভিউপোর্টটি অতীতে অনুসারে উপাদানগুলি সামঞ্জস্য করতে পেরেছে।

— ডিএ

Answer 5

আপনার যদি কোনও উপাদানটির বিন্দুতে স্ক্রোল করতে হয়। আপনি এটিকে উপরে / নিচে স্ক্রোল করতে Jquery ফাংশনটি ব্যবহার করতে পারেন।

$('html, body').animate({
                scrollTop: $("#div1").offset().top
            }, 'slow');