दिलचस्प पोस्ट
जावा के साथ वाव फ़ाइलें कैसे खेलेंगी क्या सी 8 9 मानक के अनुसार स्ट्रिंग लीटरल के अपरिभाषित व्यवहार का संशोधन है? कैसे जावा में एक 2 रास्ता नक्शा बनाने के लिए मॉड्यूल फ़ंक्शन बनाम स्टैटिकमथ बनाम क्लासमैथेशन बनाम कोई सजावटी नहीं: कौन सा मुहावरा अजगर है? जावास्क्रिप्ट के साथ iframe src बदल रहा है .NET कंसोल ऐप को कैसे चलाना है? एएसपी के लिए jQuery के माध्यम से JSON डेटा पोस्टिंग। नेट MVC 4 नियंत्रक कार्रवाई PHP प्रोजेक्ट में सहायक पैटर्न को स्टोर करने, पहुंचने और व्यवस्थित करने के लिए क्या पैटर्न मौजूद हैं? एक डेटा फ्रेम के एक कॉलम को कई कॉलम में विभाजित करें सी # में संग्रहीत कार्यप्रणाली को पास करना एचटीएमएल स्क्रैपिंग के लिए विकल्प? Chart.js – वाई अक्ष का प्रारूपण सरणी नोटेशन में PHP घुंघराले ब्रेसिज़ एएसपी.नेट एमवीसी प्रोजेक्ट की तैनाती "नल के लिए शॉर्टकट यदि ऑब्जेक्ट रिक्त है, या ऑब्जेक्ट। मेम्बर अगर ऑब्जेक्ट रिक्त नहीं है"

क्या मैं सीएसएस या jQuery का उपयोग कर स्क्रॉल स्पीड को बदल सकता हूँ?

इस jsFiddle उदाहरण में , मैं div की सामग्री की स्क्रॉल गति को कम करना चाहूंगा, विशेषकर जब माउस व्हील का उपयोग करते हुए, जैसा कि एक पहिया स्क्रॉल अनुमानित रूप से डिव की ऊंचाई

क्या सीएसएस के साथ इसे नियंत्रित करना संभव है, और यदि नहीं, तो जावास्क्रिप्ट (शायद jQuery का इस्तेमाल)?

नोट: मुझे पता है कि स्क्रॉल की गति ओएस / ब्रुवर और ब्राउज़र सेटिंग्स के बीच भिन्न हो सकती है। लेकिन मुझे लगता है कि ज्यादातर मामलों में, स्क्रॉल की गति (माउस व्हील का उपयोग करते समय) बहुत तेज है, इसलिए मैं इसे धीमा करना चाहूंगा।

Solutions Collecting From Web of "क्या मैं सीएसएस या jQuery का उपयोग कर स्क्रॉल स्पीड को बदल सकता हूँ?"

नहीं। स्क्रॉल स्पीड ब्राउज़र द्वारा निर्धारित की जाती है (और आमतौर पर कंप्यूटर / डिवाइस पर सेटिंग्स द्वारा) सीएसएस और जावास्क्रिप्ट सिस्टम सेटिंग्स को प्रभावित करने के लिए किसी भी तरह से (या नहीं) नहीं करना चाहिए

ऐसा कहा जा रहा है कि, स्क्रॉलिंग का विरोध करने के तरीके के रूप में आप अपने स्वयं की सामग्री को ऐसे तरीके से चारों ओर ले जाकर नकली एक अलग स्क्रॉल गति की कोशिश कर सकते हैं। हालांकि, मुझे लगता है कि ऐसा करने से आपके उपयोगकर्ताओं के लिए प्रयोज्यता, पहुंच और सम्मान के संदर्भ में एक शानदार विचार हो रहा है, लेकिन मैं उन घटनाक्रमों को ढूंढकर शुरू करूँगा जो आपके लक्ष्य वाले ब्राउज़रों को स्क्रॉल करने के संकेत देते हैं

एक बार जब आप स्क्रॉल ईवेंट (आप कर सकते हैं संभालने) को कैप्चर कर सकते हैं, तो आप अपनी सामग्री को गतिशील रूप से समायोजित करने में सक्षम होंगे ताकि आप जो भाग चाहते हैं वह दिखाई दे।

फ्लैश में इस से निपटने के लिए एक और तरीका होगा, जो स्क्रॉलिंग इवेंट्स पर आपको कम से कम कुछ नियंत्रण प्रदान करता है

स्क्रॉल की गति को बदला जा सकता है, समायोजित किया जा सकता है, ऊपर उल्लेखित, जावास्क्रिप्ट के माध्यम से (या जेएसआई के रूप में एक जेएस लाइब्रेरी) सभी।

तुमने ऐसा क्यों करना चाहोगे? लंबन केवल कारणों में से एक है मुझे कोई अंदाज़ा नहीं है कि ऐसा करने के खिलाफ कोई भी तर्क क्यों न करे – एक ही नकारात्मक तर्क डीआईवी छुपाए जाने, तत्वों को ऊपर / नीचे स्लाइड करने आदि के खिलाफ किया जा सकता है। वेबसाइट हमेशा तकनीकी कार्यक्षमता और यूएक्स डिज़ाइन के संयोजन हैं – एक अच्छा डिजाइनर यूएक्स में सुधार करने के लिए लगभग किसी भी तकनीकी क्षमता यही वह है जो उसे / उसे अच्छा बनाता है

पुर्तगाल के टोनी अल्मेडा ने एक शानदार प्रदर्शन बनाया, नीचे दिया गया है:

jsFiddle डेमो

HTML:

<div id="myDiv"> Use the mouse wheel (not the scroll bar) to scroll this DIV. You will see that the scroll eventually slows down, and then stops. <span class="boldit">Use the mouse wheel (not the scroll bar) to scroll this DIV. You will see that the scroll eventually slows down, and then stops. </span> </div> 

जावास्क्रिप्ट / jQuery:

  function wheel(event) { var delta = 0; if (event.wheelDelta) {(delta = event.wheelDelta / 120);} else if (event.detail) {(delta = -event.detail / 3);} handle(delta); if (event.preventDefault) {(event.preventDefault());} event.returnValue = false; } function handle(delta) { var time = 1000; var distance = 300; $('html, body').stop().animate({ scrollTop: $(window).scrollTop() - (distance * delta) }, time ); } if (window.addEventListener) {window.addEventListener('DOMMouseScroll', wheel, false);} window.onmousewheel = document.onmousewheel = wheel; 

स्रोत:

डिफ़ॉल्ट स्क्रॉलपीड, स्क्रॉलमाउंट, वेबपेज की स्क्रोलिनर्टीइज़ कैसे बदलें

मैंने उस कोड के आधार पर सिर्फ एक शुद्ध जावास्क्रिप्ट फ़ंक्शन बनाया है। जावास्क्रिप्ट केवल संस्करण डेमो: http://jsbin.com/copidifiji

यह jQuery से स्वतंत्र कोड है

 if (window.addEventListener) {window.addEventListener('DOMMouseScroll', wheel, false); window.onmousewheel = document.onmousewheel = wheel;} function wheel(event) { var delta = 0; if (event.wheelDelta) delta = (event.wheelDelta)/120 ; else if (event.detail) delta = -(event.detail)/3; handle(delta); if (event.preventDefault) event.preventDefault(); event.returnValue = false; } function handle(sentido) { var inicial = document.body.scrollTop; var time = 1000; var distance = 200; animate({ delay: 0, duration: time, delta: function(p) {return p;}, step: function(delta) { window.scrollTo(0, inicial-distance*delta*sentido); }});} function animate(opts) { var start = new Date(); var id = setInterval(function() { var timePassed = new Date() - start; var progress = (timePassed / opts.duration); if (progress > 1) {progress = 1;} var delta = opts.delta(progress); opts.step(delta); if (progress == 1) {clearInterval(id);}}, opts.delay || 10); } 

बस इस जेएस फ़ाइल का उपयोग करें (मैंने अलग-अलग जेएस फाइलों के साथ 2 उदाहरण दिए हैं। उम्मीद है कि दूसरा एक है जिसे आप की ज़रूरत है) आप पैरामीटर को बदलकर बस स्क्रॉल राशि, गति आदि को बदल सकते हैं।

https://github.com/nathco/jQuery.scrollSpeed

यहां एक डेमो है

आप यह भी कोशिश कर सकते हैं यहाँ एक डेमो है