मालवेअर हे अनाहूत किंवा धोकादायक प्रोग्राम आहेत जे...
स्क्रोलिंग कसे बंद करावे?
मास्टरचे उत्तर:
जेव्हा तुम्हाला दस्तऐवज किंवा वेबसाइटवर फिरण्याची आवश्यकता असते तेव्हा स्क्रोलिंग आवश्यक असते आणि त्यांचा आकार स्क्रीन आकार मर्यादित करत नाही. उभ्या आणि क्षैतिज स्क्रोलिंग आहेत. स्क्रोलिंग अक्षम केले असल्यास, संसाधने पूर्ण पाहणे अशक्य होईल.
स्क्रोलिंग एक कॉन्फिगर करण्यायोग्य सेटिंग आहे. मूलभूत सेटिंग्ज “माऊस” वापरून सेट केल्या जाऊ शकतात आणि त्या सर्व अनुप्रयोगांना लागू होतील आणि ब्राउझर वापरून स्क्रोलिंग पद्धत सेट आणि रद्द केली जाऊ शकते. इंटरनेट सर्फिंग करताना या सेटिंग्ज काम करतील.
इंटरनेट संसाधने ब्राउझ करताना गुळगुळीत स्क्रोलिंग अक्षम करण्यासाठी, ब्राउझर लाँच करा आणि "टूल्स" मेनूमधील "सेटिंग्ज" विभाग निवडा. इंटरनेट एक्सप्लोररसाठी, हा टूल्स मेनू आणि इंटरनेट पर्याय विभाग असेल. जर मेनू प्रदर्शित होत नसेल तर, ब्राउझर विंडोच्या वरच्या किंवा खालच्या पॅनेलवर क्लिक करा आणि मेनूमधील "मेनू बार" किंवा "मेनू बार" उप-आयटम मार्करसह चिन्हांकित करा.
"सेटिंग्ज" विंडो उघडल्यानंतर, "प्रगत" टॅबवर जा आणि "सामान्य" उपविभाग सक्रिय करा. “साइट व्ह्यूइंग” गट शोधा आणि “गुळगुळीत स्क्रोलिंग वापरा” बॉक्स अनचेक करा, त्यानंतर “ओके” बटणावर क्लिक करा.
स्वयंचलित स्क्रोलिंग अक्षम करण्यासाठी, “स्वयंचलित स्क्रोलिंग वापरा” बॉक्स अनचेक करा. इंटरनेट एक्सप्लोररसाठी, पद्धत थोडी वेगळी असेल - आपल्याला आवश्यक आयटम सापडेपर्यंत, स्क्रोल बार वापरून उपलब्ध सेटिंग्जच्या सूचीमधून पुढे जाणे आवश्यक आहे.
सामान्य स्क्रोलिंग सेटिंग्ज कॉन्फिगर करण्यासाठी, आम्ही "माऊस" घटकाकडे वळतो, ज्यासाठी आम्ही "कंट्रोल पॅनेल" ("प्रारंभ" मेनूमधून) कॉल करतो. चला "प्रिंटर्स आणि इतर उपकरणे" श्रेणीवर जाऊ आणि "माऊस" चिन्हावर क्लिक करा.
"गुणधर्म: माऊस" विंडो उघडेल, त्यानंतर तुम्हाला "व्हील" टॅबवर जावे लागेल आणि तुमच्या गरजेनुसार स्क्रोलिंग कॉन्फिगर करावे लागेल. "स्क्रीन" फील्डमध्ये सेट केलेला मार्कर स्क्रीनच्या उंचीएवढ्या अंतरावर प्रतिमा मॉनिटरवर हलवेल.
हे पॅरामीटर आमच्यासाठी खूप मोठे असल्यास, आम्ही "निर्दिष्ट केलेल्या ओळींच्या संख्येसाठी" फील्डमध्ये मार्कर सेट करू शकतो आणि कीबोर्ड किंवा बाण बटणे वापरून आवश्यक मूल्य प्रविष्ट करू शकतो. मूल्य "0" सेट केले जाऊ शकत नाही. केलेले बदल लागू करा आणि विंडो बंद करा.
मी scrollTo jQuery प्लगइन वापरत आहे आणि मला जाणून घ्यायचे आहे की Javascript द्वारे विंडो घटकाचे स्क्रोलिंग तात्पुरते अक्षम करणे शक्य आहे का? मला स्क्रोलिंग अक्षम करायचे कारण आहे कारण जेव्हा तुम्ही स्क्रोल करता, जेव्हा scrollTo फंक्शन ॲनिमेट होते तेव्हा ते खरोखरच कुरूप होते ;)
अर्थात मी $("body").css("ओव्हरफ्लो", "लपलेले"); आणि नंतर ॲनिमेशन थांबल्यावर ते स्वयंचलित मोडवर परत करा, परंतु स्क्रोलबार अद्याप दृश्यमान परंतु निष्क्रिय असल्यास ते चांगले होईल.
27 उत्तरेस्क्रोल इव्हेंट रद्द केला जाऊ शकत नाही. परंतु हे खालील परस्परसंवाद कार्यक्रम रद्द करून केले जाऊ शकते:
माऊस आणि टच स्क्रोलिंग आणि स्क्रोलिंग संबंधित बटणे.
शरीरात फक्त वर्ग जोडून हे करा:
स्टॉप-स्क्रोलिंग (उंची: 100%; ओव्हरफ्लो: लपलेले;)
IE, FF, Safari आणि Chrome मध्ये चाचणी केलेले स्क्रोलिंग पुन्हा-सक्षम करायचे असल्यास वर्ग जोडा आणि तो काढून टाका.
$("बॉडी").addClass("स्टॉप-स्क्रोलिंग")
मोबाइल डिव्हाइससाठी तुम्हाला टचमूव्ह इव्हेंट हाताळण्याची आवश्यकता आहे:
$("body").bind("touchmove", function(e)(e.preventDefault()))
आणि पुन्हा स्क्रोलिंग सक्षम करण्यासाठी अनपिन करा. iOS6 आणि Android 2.3.3 मध्ये चाचणी केली
$("बॉडी").अनबाइंड("टचमूव्ह")
खालील उपाय मूलभूत पण शुद्ध JavaScript आहे (jQuery नाही):
फंक्शन डिसेबलस्क्रॉलिंग())( var x=window.scrollX; var y=window.scrollY; window.onscroll=function())(window.scrollTo(x, y); ) फंक्शन enableScrolling())( window.onscroll). = फंक्शन()();
मला जुन्या पोस्टला प्रत्युत्तर देण्यासाठी दिलगीर आहे, परंतु मी एक उपाय शोधत होतो आणि मला हा प्रश्न आला.
अजूनही स्क्रोलबार प्रदर्शित करण्यासाठी या समस्येचे निराकरण करण्याचे अनेक मार्ग आहेत, जसे की कंटेनरला 100% उंची आणि ओव्हरफ्लो-y: स्क्रोल शैली देणे.
माझ्या बाबतीत, मी आत्ताच स्क्रोलबारसह एक div तयार केला आहे, जो मी ओव्हरफ्लो जोडून प्रदर्शित करतो: मुख्य भागामध्ये लपविला:
फंक्शन disableScroll() ( document.getElementById("scrollbar").style.display = "ब्लॉक"; document.body.style.overflow = "लपवलेले"; )
घटकाच्या स्क्रोलबारमध्ये खालील शैली असाव्यात:
ओव्हरफ्लो-y: स्क्रोल; शीर्ष: 0; उजवीकडे: 0; प्रदर्शन: काहीही नाही; उंची: 100%; स्थिती: निश्चित;
राखाडी स्क्रोल बार येथे दर्शविला आहे, आशा आहे की ती भविष्यातील अभ्यागतांना मदत करेल.
galambalazs च्या पोस्टनुसार, मी टच डिव्हाइसेससाठी समर्थन जोडेन, ज्यामुळे आम्हाला स्पर्श करता येईल परंतु वर किंवा खाली स्क्रोल करू नये:
फंक्शन disable_scroll() ( ... document.ontouchmove = function(e)( e.preventDefault(); ) ) फंक्शन enable_scroll() ( ... document.ontouchmove = function(e)( true return; ) )
मी या समस्येवर उपाय शोधत होतो, परंतु वरीलपैकी कोणत्याही उपायाने (हे उत्तर लिहिण्याच्या वेळी) समाधानी नव्हते, म्हणून मला हा उपाय सापडला.
ScrollDisabled (स्थिती: निश्चित; मार्जिन-टॉप: 0; // acc to curr वापरण्यासाठी JS द्वारे ओव्हरराइड करा $(window).scrollTop() रुंदी: 100%; )
Var y_offsetWhenScrollDisabled=0; फंक्शन disableScrollOnBody())( y_offsetWhenScrollDisabled= $(window).scrollTop(); $("body").addClass("scrollDisabled").css("मार्जिन-टॉप", -y_offsetWhenScrollDisabled); ) फंक्शन enableScroll()DyOnBo() $( "बॉडी").रिमूव्हक्लास("स्क्रोलडिसेबल").css("मार्जिन-टॉप", $(विंडो).स्क्रोलटॉप(y_offsetWhenScrollDisabled)
दुसरा उपाय:
अशा प्रकारे तुमच्याकडे नेहमी उभ्या स्क्रोलबार असतात, परंतु माझी बहुतेक सामग्री व्ह्यूपोर्टपेक्षा लांब असल्याने, हे माझ्यासाठी ठीक आहे. वेगळे div घटक वापरून सामग्री केंद्रीत केली आहे, परंतु मुख्य भागामध्ये मार्जिन रीसेट न करता, माझी सामग्री डावीकडे राहील.
ही दोन फंक्शन्स आहेत जी मी माझे पॉपअप/मॉडल दर्शविण्यासाठी वापरतो:
वर popup_bodyTop = 0; var popup_bodyLeft = 0; फंक्शन पॉपअप शो(आयडी) ( $("#"+ id).effect("fade"); $("#popup-overlay").effect("fade"); // वर्तमान स्क्रोल-स्थिती लक्षात ठेवा // कारण जेव्हा सेटिंग/अनसेटिंग स्थिती: बॉडी 0.0 popup_bodyLeft = $(document) वर स्क्रोल होईल. popup_bodyTop = $(document).scrollTop() var x = - popup_bodyLeft; = - popup_bodyTop; $("body").css("स्थिती", $("body").css("top", y.toString() +"px"); .css("left", x.toString() +"px" ) फंक्शन popupHide(id) ( $("#"+ id).effect("fade"); $("#popup -overlay").effect ("fade") $("body").css("स्थिती", ""); ;
परिणाम: नॉन-स्क्रोलिंग पार्श्वभूमी आणि डाव्या स्क्रोलबारमुळे सामग्रीचे स्थान बदलणे. वर्तमान FF, Chrome आणि IE 10 सह चाचणी केली.
हे कसं वाटतंय? (जर तुम्ही jQuery वापरत असाल)
Var $window = $(विंडो); var $body = $(window.document.body); window.onscroll = function() ( var overlay = $body.children(."ui-widget-overlay").first(); // आच्छादन दृश्यमान आहे का ते तपासा आणि (overlay.is( असल्यास) मागील स्क्रोल स्थिती पुनर्संचयित करा ":दृश्यमान")) ( var scrollPos = $body.data("scroll-pos") || ( x: 0, y: 0); window.scrollTo(scrollPos.x, scrollPos.y); ) इतर ( / / फक्त स्क्रोल स्थिती $body.data("scroll-pos", ( x: $window.scrollLeft(), y: $window.scrollTop() ) साठवा;
रिमोट स्क्रोलिंगसह तुम्हाला काय साध्य करायचे आहे यावर अवलंबून, तुम्ही स्क्रोलिंग काढू इच्छित असलेल्या घटकाचे निराकरण करू शकता (क्लिक किंवा कोणत्याही ट्रिगरवर तुम्हाला स्क्रोलिंग तात्पुरते अक्षम करायचे आहे)
मी "टेम्प नो स्क्रोल" सोल्यूशन शोधत होतो आणि माझ्या गरजांसाठी हे सोडवले
एक वर्ग करा
स्थिर (स्थिती: निश्चित;)
नंतर Jquery सह
Var someTrigger = $("#trigger"); // ट्रिगर बटण var contentContainer = $("#सामग्री"); // घटक मला contentContainer.addClass ("notfixed") वरून तात्पुरते स्क्रोल काढायचे आहे; // घटकामध्ये "नॉटफिक्स्ड" वर्ग आहे याची खात्री करा // निश्चित स्थिती ट्रिगर करण्यासाठी काहीतरी. या प्रकरणात आम्ही एक बटण निवडले. someTrigger.on("क्लिक", फंक्शन())( if(contentContainer.hasClass("notfixed"))( contentContainer.removeClass("notfixed").addClass("fixed"); )अन्यथा जर(contentContainer.hasClass(" निश्चित "))( contentContainer.removeClass("fixed").addClass("notfixed"); ); ));
मला हा एक सोपा उपाय असल्याचे आढळले जे सर्व ब्राउझरमध्ये चांगले कार्य करते आणि पोर्टेबल उपकरणांवर (उदा. iPhone, टॅब्लेट इ.) सुलभ वापरासाठी देखील योग्य आहे. घटक तात्पुरते निश्चित केल्यामुळे, कोणतेही स्क्रोलिंग नाही :)
लक्ष द्या! तुमच्या "contentContainer" घटकाच्या प्लेसमेंटवर अवलंबून, तुम्हाला ते डावीकडे समायोजित करावे लागेल. जे निश्चित वर्ग सक्रिय असताना या घटकामध्ये डावे CSS मूल्य जोडून सहजपणे केले जाऊ शकते
ContentContainer.css(( "left": $(window).width() - contentContainer.width()/2 //याचा परिणाम विंडोची संपूर्ण रुंदी वजा घटक ज्या घटकाने आपल्याला "मध्यभागी" करायचा आहे तो भागाकार होईल. दोन (कारण ते "फक्त एका बाजूने ढकलले जाते) ));
माझ्या jQuery पॉपअप प्रोजेक्टवरून https://github.com/seahorsepip/jPopup p>
// फ्रीझ पृष्ठ सामग्री स्क्रोलिंग फंक्शन फ्रीझ() ( if($("html").css("स्थिती") != "निश्चित") ( var top = $("html").scrollTop() ? $(" html").scrollTop(): $("body").scrollTop(); if(window.innerWidth > $("html").width()) ( $("html").css("overflow-y ", "स्क्रोल"); ) $("html").css(("रुंदी": "100%", "उंची": "100%", "स्थिती": "निश्चित", "शीर्ष": -शीर्ष )); , "स्थिर"); $("html, body").scrollTop(-parseInt($("html").css("top"))); "", "रुंदी": "", "उंची": "", "शीर्ष": "", "ओव्हरफ्लो-y": ""));
हा कोड रुंदी, उंची, स्क्रोलबार आणि पृष्ठ उडी या समस्या विचारात घेतो.
वरील कोडसह संभाव्य समस्यांचे निराकरण केले:
- रुंदी, निश्चित स्थापना स्थितीसह, html घटकाची रुंदी 100% पेक्षा कमी असू शकते
- वरील प्रमाणेच उंची
- स्क्रोलबार जेव्हा, एका निश्चित स्थानावर, पृष्ठ सामग्रीच्या स्थानावर यापुढे स्क्रोलबार नसतो, जरी पृष्ठ उडी येण्यापूर्वी त्यात स्क्रोलबार असला तरीही
- पेजजंप, जेव्हा स्थिती सेटिंग निश्चित केली जाते, तेव्हा स्क्रोलटॉप प्रभावी होत नाही, ज्यामुळे पृष्ठ अनुलंब उडी मारते
वरील पृष्ठाच्या फ्रीझ/थॉ कोडमध्ये कोणाला काही सुधारणा असल्यास, कृपया मला कळवा जेणेकरून मी माझ्या प्रकल्पात त्या सुधारणा जोडू शकेन.
Chrome 56 आणि इतर आधुनिक ब्राउझर नुसार, आपण addEventListener कॉलमध्ये passive:false जोडणे आवश्यक आहे. म्हणून मी मोबाईलवर स्क्रोलिंग थांबवण्यासाठी याचा वापर करतो:
फंक्शन preventDefault(e)( e.preventDefault(); ) फंक्शन disableScroll())( document.body.addEventListener("touchmove", preventDefault, ( निष्क्रिय: असत्य )); ) फंक्शन enableScroll())( document.body.removeEventListener) ("टचमूव्ह", डिफॉल्ट प्रतिबंधित, ( निष्क्रिय: खोटे ));
च्यायने फोर्ब्सच्या उत्तरावर बिल्डिंग, जे मला येथे fcalderan द्वारे आढळले: फक्त स्क्रोल अक्षम करा लपवू नका? आणि हॅलोडममधील स्क्रोलबार गायब होण्याच्या समस्येचे निराकरण करा
प्रिव्हेंटस्क्रोल (स्थिती: निश्चित; ओव्हरफ्लो-y:स्क्रोल;)
whatever.onclick = function())( $("body").addClass("preventscroll"); ) whatevertoclose.onclick = function())($("body").removeClass("preventscroll");)
हा कोड तुम्हाला पृष्ठाच्या शीर्षस्थानी पोहोचवतो, परंतु मला वाटते की fcalderan च्या कोडमध्ये एक उपाय आहे.
मलाही तीच समस्या आहे, ती सोडवण्याचा मार्ग खाली आहे.
/* file.js */ var body = document.getElementsByTagName("body"); //विंडो स्क्रोल करत नसल्यास body.classList.add("no-scroll"); // if window scroll body.classList.remove("no-scroll"); /* file.css */ .no-स्क्रोल (स्थिती: निश्चित; शीर्ष: 0; तळ: 0; डावीकडे: 0; उजवीकडे: 0; )
आशा आहे की हे मदत करेल.
सर्वात सोपा मार्ग:
$("body").css("ओव्हरफ्लो", "लपविलेले"); // स्क्रोल बार तात्पुरता काढा
हे रद्द करण्यासाठी:
$("बॉडी").css("ओव्हरफ्लो", "ऑटो");
अंमलबजावणी करणे सोपे आहे, परंतु एकमात्र कमतरता आहे:
- पृष्ठ मध्यभागी (आडवे) असल्यास थोडेसे डावीकडे सरकेल.
याचे कारण असे की स्क्रोलबार काढला गेला आहे आणि व्ह्यूपोर्ट थोडा विस्तीर्ण झाला आहे.
स्क्रोलिंग थांबवण्याचा माझा उपाय येथे आहे (jQuery शिवाय). जेव्हा साइड मेनू दिसतो तेव्हा मी ते स्क्रोलिंग अक्षम करण्यासाठी वापरतो.
scroll var noscroll_var अक्षम/सक्षम करा; फंक्शन noscroll())( if(noscroll_var)( document.getElementsByTagName("html").style.overflowY = ""; document.body.style.paddingRight = "0"; noscroll_var = false )else( document.getElementsByTagName(" html ").setAttribute("style", "overflow-y: hidden !important"); document.body.style.paddingRight = "17px"; noscroll_var = true ) )/*noscroll()*/ for(var i= 0 ; i $("html").width()) ( $("html").css("overflow-y", "scroll"); ) $("html").css(("रुंदी": " 100%", "उंची": "100%", "स्थिती": "निश्चित", "शीर्ष": -शीर्ष)); ) ) //अनफ्रीझ पृष्ठ सामग्री स्क्रोलिंग फंक्शन अनफ्रीझ() ( if($("html").css("स्थिती") == "निश्चित") ( $("html").css("स्थिती", "स्थिर "); $("html, body").scrollTop(-parseInt($("html").css("top"))); $("html").css(("स्थिती": "", "रुंदी": "", "उंची": "", "शीर्ष": "", "ओव्हरफ्लो-y": ""));
हा कोड रुंदी, उंची, स्क्रोलबार आणि पेजजंप समस्या विचारात घेतो.
वरील कोडद्वारे सोडवलेल्या संभाव्य समस्या:
- रुंदी, एक निश्चित स्थान सेट करताना, html घटकाची रुंदी 100% पेक्षा कमी असू शकते
- उंची, वरीलप्रमाणेच
- स्क्रोलबार, स्थिती निश्चित करण्यासाठी सेट करताना, पृष्ठ सामग्रीमध्ये यापुढे स्क्रोलबार नसतो, जरी क्षैतिज पृष्ठजंप होण्यापूर्वी त्यात स्क्रोलबार असला तरीही
- पेजजंप, एक निश्चित स्थिती सेट करताना, पृष्ठाचा स्क्रोलटॉप यापुढे प्रभावी राहणार नाही, परिणामी उभ्या पेजजंपमध्ये
वरील पेज फ्रीझिंग/अनफ्रीझिंग कोडमध्ये कोणाला काही सुधारणा असल्यास कृपया मला कळवा जेणेकरून मी त्या सुधारणा माझ्या प्रोजेक्टमध्ये जोडू शकेन.
स्क्रोलिंग अक्षम करा:
$(".popup").live(( popupbeforeposition: function(event, ui) ( $("body").on("touchmove", false); ) ));
आवृत्ती स्क्रोलिंग पॉपअप बंद केल्यानंतर:
$(.popup").live(( popupafterclose: function(event, ui) ( $("body").unbind("touchmove"); ) ));
खालील स्निपेट (jquery वापरून) विंडो स्क्रोलिंग अक्षम करेल:
Var curScrollTop = $(window).scrollTop(); $("html").toggleClass("noscroll").css("top", "-" + curScrollTop + "px");
आणि तुमच्या css मध्ये:
Html.noscroll (स्थिती: निश्चित; रुंदी: 100%; शीर्ष: 0; डावीकडे: 0; उंची: 100%; ओव्हरफ्लो-y: स्क्रोल ! महत्त्वाचे; z-इंडेक्स: 10;)
आता जेव्हा तुम्ही मॉडेल काढता तेव्हा html टॅगमधील noscroll क्लास काढण्यास विसरू नका:
$("html").toggleClass("noscroll");
Document.onwheel = function(e) ( // लक्ष्य घटक मिळवा लक्ष्य = e.target; // लक्ष्य घटक स्क्रोल करण्यायोग्य घटकाची मुले असू शकतात // उदा., "li"s मधील "ul", "p "s" च्या आत "div" इ. // आम्हाला मूळ घटक मिळवणे आवश्यक आहे आणि ते स्क्रोल करण्यायोग्य आहे का ते तपासणे आवश्यक आहे // जर पालक स्क्रोल करण्यायोग्य नसेल, तर आम्ही पुढील पालकांकडे जातो (target.scrollHeight 0) ( e .preventDefault(); बॉडी (पार्श्वभूमी: गेन्सबोरो; ) #बॉक्स (रुंदी: 300px; उंची: 600px; पॅडिंग: 5px; सीमा: 1px घन चांदी; समास: 50px ऑटो; पार्श्वभूमी: ओव्हरफ्लो: ऑटो; )
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. एक्स्पेप्टेअर सिंट ओकेकेट कपिडॅटॅट नॉन प्रोडेंट, संट इन culpa qui ऑफिशिया डेझरंट मॉलिट ॲनिम आयडी इस्ट लेबरम.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. एक्स्पेप्टेअर सिंट ओकेकेट कपिडॅटॅट नॉन प्रोडेंट, संट इन culpa qui ऑफिशिया डेझरंट मॉलिट ॲनिम आयडी इस्ट लेबरम.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. एक्स्पेप्टेअर सिंट ओकेकेट कपिडॅटॅट नॉन प्रोडेंट, संट इन culpa qui ऑफिशिया डेझरंट मॉलिट ॲनिम आयडी इस्ट लेबरम.
मी आतापर्यंत मिळवलेला हा सर्वात सोपा उपाय आहे. आणि माझ्यावर विश्वास ठेवा, मी इतर सर्व प्रयत्न केले आहेत आणि हे सर्वात सोपे आहे. हे Windows डिव्हाइसेसवर उत्तम काम करते जे सिस्टम स्क्रोलबार आणि iOS डिव्हाइसेससाठी जागा तयार करण्यासाठी पृष्ठ उजवीकडे ढकलते ज्यांना ब्राउझरमध्ये त्यांच्या स्क्रोलबारसाठी जागा आवश्यक नसते. त्यामुळे हे वापरून तुम्हाला उजवीकडे पॅडिंग जोडण्याची गरज नाही जेणेकरून तुम्ही CSS मध्ये बॉडी किंवा html ओव्हरफ्लो लपवता तेव्हा पेज चकचकीत होणार नाही.
विचार केला तर उपाय अगदी सोपा आहे. देण्याची कल्पना आहे
sdleihssirhc ची कल्पना एकत्र करून मला एक चांगला पण बग्गी मार्ग सापडला:
Window.onscroll = function() ( window.scrollTo(window.scrollX, window.scrollY); //किंवा //window.scroll(window.scrollX, window.scrollY); //किंवा फॉलबॅक //window.scrollX=window .scrollX; //window.scrollY=window.scrollY);
मी त्याची चाचणी केली नाही, परंतु मी ते नंतर संपादित करेन आणि तुम्हाला कळवीन. मला 85% खात्री आहे की हे प्रमुख ब्राउझरमध्ये कार्य करते.
हा व्हिडिओ Adobe Muse मध्ये वेबसाइट पाहताना आणि प्रकाशित करताना स्क्रोल बार कसा काढायचा याबद्दल आहे.
हे कसे केले जाऊ शकते याचे 2 मार्ग आहेत:
1. त्यातील पहिल्याने पृष्ठाच्या "डिझाइन" मोडमध्ये सामग्री क्षेत्राबाहेरील घटक काढून टाकण्याचा आहे.
2. दुसरा पृष्ठाच्या मुख्य विभागात एक विशेष html कोड ठेवून आहे.
हा व्हिडिओ पहा:
“या व्हिडिओ ट्यूटोरियलमध्ये आपण स्क्रोल बार कसा काढायचा ते पाहू
स्क्रोल बार कसा काढायचा. समस्येचे वर्णन.चला कार्यक्रम लगेच उघडूया, येथे एक नवीन प्रकल्प तयार केला आहे. येथे आपण 75% स्केल बनवू. आणि पान मोठे करूया. समजा आमच्याकडे पृष्ठावर अनेक ऑब्जेक्ट्स आहेत - एक, दोन, तीन. येथे आमच्याकडे काही मजकूर, लोगो, चित्रे, जे काही आहे. आणि आपण चुकून पृष्ठाच्या सामग्री क्षेत्राच्या बाहेर एक ऑब्जेक्ट ठेवला आहे.
जेव्हा तुम्ही "निवड" चिन्हावर क्लिक करता, तेव्हा हा ऑब्जेक्ट तुम्हाला दिसणार नाही. विशेषत: जर तुमच्याकडे "शो फ्रेम मार्जिन" फंक्शन बंद असेल आणि मागील आवृत्त्यांमध्ये हे डीफॉल्ट असेल, तर फ्रेमच्या कडा फक्त तेव्हाच दिसतील जेव्हा तुम्ही त्यावर माउस फिरवला. जोपर्यंत पृष्ठाच्या बाहेर स्थित आहे ती वस्तू आपण त्यावर माउस फिरवत नाही तोपर्यंत ती अजिबात दिसणार नाही.
अशा प्रकारे, ब्राउझरमध्ये एखादे पृष्ठ पाहताना, आपल्याला क्षैतिज स्क्रोलिंगचा अनुभव येतो, जो साइटवरील प्रत्येकासाठी खूप त्रासदायक आहे. याव्यतिरिक्त, जर तुमच्याकडे पृष्ठाचा पार्श्वभूमी रंग हिरवा वर सेट केला असेल, उदाहरणार्थ, नंतर जेव्हा तुम्ही पृष्ठाच्या तळाशी स्क्रोल कराल तेव्हा तुम्हाला दिसेल की तुमच्या पृष्ठावर क्षैतिज स्क्रोलिंग आहे, त्यामुळे ते अधिक चांगले दृश्यमान होईल.
स्क्रोल बार कसा काढायचा. उपाय १.आम्ही पृष्ठ डिझाइन मोडवर जात आहोत, जरी तुमचे "फ्रेम एज" फंक्शन बंद असले तरीही, तुम्ही Ctrl+A की संयोजन दाबू शकता आणि अशा प्रकारे तुमच्या पृष्ठावरील सर्व ऑब्जेक्ट्स निवडू शकता. पुढे, स्केल 50% पर्यंत कमी करा किंवा Alt की दाबून ठेवा आणि माउस व्हील तुमच्या दिशेने फिरवा. अशा प्रकारे तुम्हाला दिसेल की तुमच्याकडे पृष्ठ सामग्री क्षेत्राच्या मागे वस्तू आहेत.
क्षैतिज स्क्रोलिंग काढण्यासाठी, तुम्हाला या अनावश्यक वस्तू काढून टाकणे आवश्यक आहे किंवा त्यांना पृष्ठ सामग्री क्षेत्रामध्ये हलवावे लागेल.
आम्ही Ctrl+ की संयोजन दाबतो, आणि आम्ही पाहतो की पृष्ठ सामग्री क्षेत्राच्या मागे आमच्याकडे काहीही नाही.
आम्ही व्ह्यू मोडवर जातो आणि आता आमच्याकडे ब्राउझरमध्ये क्षैतिज स्क्रोलिंग नाही.
स्क्रोल बार कसा काढायचा. उपाय 2.जर तुम्ही ही पद्धत वापरून क्षैतिज स्क्रोलिंग काढू शकत नसाल, तर दुसरा मार्ग आहे जेव्हा तुम्ही तुमच्या पेजवर हे स्क्रोलिंग अक्षम करू शकता.
तुम्हाला “पृष्ठ” मेनूवर जाणे आवश्यक आहे, “”, आणि येथे “मेटाडेटा” विभागात, हेडसाठी HTML ब्लॉकमध्ये, काही कोड घाला, जो मी तुम्हाला आता दाखवतो. तुम्ही या व्हिडिओच्या वर्णनात हा कोड पाहू शकता, कॉपी आणि पेस्ट करू शकता. तो असाच दिसतो.
ते निवडा (मी की संयोजन Ctrl+C दाबा), पृष्ठ डिझाइन मोडवर परत जा, ते येथे पृष्ठ गुणधर्मांमध्ये घाला आणि ओके क्लिक करा.
अशा प्रकारे, जरी काही ब्लॉक पृष्ठ सामग्री क्षेत्राच्या बाहेर स्थित असले तरीही, ब्राउझरमध्ये पृष्ठ पाहताना, आपल्याकडे क्षैतिज स्क्रोलिंग देखील होणार नाही.
स्क्रोल बार कसा काढायचा. निष्कर्षयामुळे आमचा धडा संपतो. त्यात आपण Adobe Muse मध्ये ब्राउझरमध्ये पेज पाहताना स्क्रोल बार कसा काढायचा हे शिकलो.
आणि मी तुम्हाला निरोप देत नाही, माझ्या चॅनेलची सदस्यता घ्या, लाईक करा, टिप्पण्या लिहा आणि माझे मागील आणि पुढील व्हिडिओ धडे पहा. भेटू मित्रांनो, बाय."
स्क्रोल बार कसा काढायचा. धड्याची भर.ज्यांच्यासाठी हा कोड कार्य करत नाही आणि स्क्रोल बार अजूनही शिल्लक आहे, प्रथम तुमचा ब्राउझर कॅशे साफ करण्याचा प्रयत्न करा. तुम्ही वर सादर केलेल्या कोडऐवजी हे कोड देखील वापरून पाहू शकता:
अतिरिक्त अनुलंब स्क्रोलिंग न जोडता क्षैतिज स्क्रोलिंग काढून टाकणे:
html (ओव्हरफ्लो-x: लपलेले) div (उंची: "100%" ;)
|
