Mouse Scroll

Can I apply CSS to enable the mouse scroll wheel?

For some reason, I can scroll with my mouse wheel on other sites but with mine, I can't.

 

Scrolling has dick all to do with CSS unless you've done something stupid like set all your content to absolute positioning, set overflow:hidden with a fixed height, or otherwise used faulty/bad/broken layout methodology.

(seriously, if you're declaring a fixed height on something, there's a 95%+ chance you're doing something wrong!)

Really your question doesn't even make sense, but if indeed your site can't be scrolled then there is something REALLY wrong with it.

Care to share the site in question? No code/example we REALLY can't help you figure out what's wrong.

 

i was afraid of a response like yours lol

A client of ours complained because she can't scroll with her mouse on her site...but she can scroll on other sites.

I never heard of such an issue, until it was brought to my attention by her.

I don't use my mouse scroller so i do not know and from all the years of developing, never heard of such an issue.

I don't believe I'm declaring any height other than some CSS for some columns etc...but not for an actual page or pages. I know not to do that much.

Here is the site... http://www.thecryptorealtygroup.com/

Thanks for your help...

 

You have this, this, and this. Either of which might cause problems, though my mouse wheel works. I am not going to parse the js. I leave that to you. Having 51 scripts, is silly. Javascript is meant to progressively improve the user's experience. In this page, to disable javascript is to break the page. As a side note, I find smooth-scroll to be obnoxious.

Look at your scripts for the problem. With js disabled, or using the keyboard, scrolling works fine. You didn't say whether your client on keyboard is ok.

gary

 

Yeah, the endless pointless JavaScript for NOTHING of value is really pissing on normal navigation behaviors. Keyboard nav is banjaxed, mouse navigation is broken, the mouse wheel for scrolling sometimes works, sometimes doesn't...

but on the whole the entire page is a laundry list of how NOT to code a website. Zero semantics, zero accessibility, zero graceful degradation. If this were a bank, medical facility, public utility, or government related you WOULD end up in court sooner than later... though that's entirely to be expected when one allows oneself to be DUPED into thinking turdpress is suitable for anything more complex than a blog for grandma.

"Mouse wheel scrolling doesn't work' in this case would be a great big case of "well I told you so" when it comes to the technologies and methodologies used to build the site -- which is why if someone brought that to me as a client the first thing I'd tell them is to pitch it ALL in the trash and to start over from scratch, there is NOTHING I'd even be trying to salvage from that disaster.

... as evidenced by the 207k of markup to deliver not even 7k of plaintext and two dozen or less content images -- around 20k of HTML's job.

You might not want to hear that, but that's the truth of the matter. That website thanks to all the choices used in building it is a giant middle finger to usability, accessibility, and sane/rational site development where you actually care about the end user.

 

Gary, thanks for taking your time with this...

question...where did you find that script? I can't seem to find it ...i'll delete one of those at a time and see if that was affecting it...but do you know where that script could be found?

 

He probably found it using a browser document inspector's waterfall which can limit which files it shows to .js only. VERY powerful tool I highly recommend you familiarize yourself with since the good ones can even tell you what line the file was included from.

Of course where turdpress is being told to load it is anyone's guess given the soup of nonsense it regularly vomits up.

Such as:

<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='http://www.idxhome.com/service/resources/dist/wordpress/bundle.js?1526282422675'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var LS_Meta = {"v":"6.5.5"};
/* ]]> */
</script>
<script type='text/javascript' data-cfasync="false" src='http://www.thecryptorealtygroup.com/wp-content/plugins/LayerSlider/static/layerslider/js/greensock.js?ver=1.19.0'></script>
<script type='text/javascript' data-cfasync="false" src='http://www.thecryptorealtygroup.com/wp-content/plugins/LayerSlider/static/layerslider/js/layerslider.kreaturamedia.jquery.js?ver=6.5.5'></script>
<script type='text/javascript' data-cfasync="false" src='http://www.thecryptorealtygroup.com/wp-content/plugins/LayerSlider/static/layerslider/js/layerslider.transitions.js?ver=6.5.5'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-plugin/lib/js/jquery.easing.1.3.js?ver=1.3'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-plugin/lib/js/elasti-carousel/jquery.elastislide.js?ver=1.2.8.2'></script>
<script type='text/javascript' src='//maps.googleapis.com/maps/api/js?v=3&#038;signed_in=false&#038;key=AIzaSyCy9A1I8crYrgiDRxa7jRDWQJj1faIQC3g&#038;ver=4.9.5'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/themes/enfold/js/avia-compat.js?ver=2'></script>
<script type='text/javascript'>
var mejsL10n = {"language":"en","strings":{"mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen-off":"Turn off Fullscreen","mejs.fullscreen-on":"Go Fullscreen","mejs.download-video":"Download Video","mejs.fullscreen":"Fullscreen","mejs.time-jump-forward":["Jump forward 1 second","Jump forward %1 seconds"],"mejs.loop":"Toggle Loop","mejs.play":"Play","mejs.pause":"Pause","mejs.close":"Close","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.time-skip-back":["Skip back 1 second","Skip back %1 seconds"],"mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.mute-toggle":"Mute Toggle","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.ad-skip":"Skip ad","mejs.ad-skip-info":["Skip in 1 second","Skip in %1 seconds"],"mejs.source-chooser":"Source Chooser","mejs.stop":"Stop","mejs.speed-rate":"Speed Rate","mejs.live-broadcast":"Live Broadcast","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}};
</script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.6-78496d1'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=4.9.5'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"};
/* ]]> */
</script>

Code (markup):

... and

 <script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/tabs.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/resizable.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/draggable.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/button.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/dialog.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4'></script>
<script type='text/javascript'>
jQuery(document).ready(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});});
</script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/menu.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/wp-a11y.min.js?ver=4.9.5'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var uiAutocompleteL10n = {"noResults":"No results found.","oneResult":"1 result found. Use up and down arrow keys to navigate.","manyResults":"%d results found. Use up and down arrow keys to navigate.","itemSelected":"Item selected."};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/jquery/ui/autocomplete.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.idxhome.com/eureka/inline.bundle.js?1526282422675'></script>
<script type='text/javascript' src='http://www.idxhome.com/eureka/polyfills.bundle.js?1526282422675'></script>
<script type='text/javascript' src='http://www.idxhome.com/eureka/styles.bundle.js?1526282422675'></script>
<script type='text/javascript' src='http://www.idxhome.com/eureka/scripts.bundle.js?1526282422675'></script>
<script type='text/javascript' src='http://www.idxhome.com/eureka/main.bundle.js?1526282422675'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-plugin/lib/js/FlexSlider/jquery.flexslider-min.js?ver=2.2.2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var items_custom = [[0,1],[480,2],[768,3],[980,4],[1170,5]];
/* ]]> */
</script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-plugin/includes/js/cherry-plugin.js?ver=1.2.8.2'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-lazy-load/js/cherry.lazy-load.js?ver=1.0'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-lazy-load/js/device.min.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-parallax/js/jquery.mousewheel.min.js?ver=3.0.6'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-parallax/js/jquery.simplr.smoothscroll.min.js?ver=1.0'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-parallax/js/cherry.apiloader.js?ver=1.0'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/cherry-parallax/js/cherry.parallax.js?ver=1.0.0'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"http:\/\/www.thecryptorealtygroup.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var JQLBSettings = {"fitToScreen":"0","resizeSpeed":"400","displayDownloadLink":"0","navbarOnTop":"0","loopImages":"","resizeCenter":"","marginSize":"","linkTarget":"","help":"","prevLinkTitle":"previous image","nextLinkTitle":"next image","prevLinkText":"\u00ab Previous","nextLinkText":"Next \u00bb","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","jqlb_overlay_opacity":"80","jqlb_overlay_color":"#000000","jqlb_overlay_close":"1","jqlb_border_width":"10","jqlb_border_color":"#ffffff","jqlb_border_radius":"0","jqlb_image_info_background_transparency":"100","jqlb_image_info_bg_color":"#ffffff","jqlb_image_info_text_color":"#000000","jqlb_image_info_text_fontsize":"10","jqlb_show_text_for_image":"1","jqlb_next_image_title":"next image","jqlb_previous_image_title":"previous image","jqlb_next_button_image":"http:\/\/www.thecryptorealtygroup.com\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/next.gif","jqlb_previous_button_image":"http:\/\/www.thecryptorealtygroup.com\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/prev.gif","jqlb_maximum_width":"","jqlb_maximum_height":"","jqlb_show_close_button":"1","jqlb_close_image_title":"close image gallery","jqlb_close_image_max_heght":"22","jqlb_image_for_close_lightbox":"http:\/\/www.thecryptorealtygroup.com\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/closelabel.gif","jqlb_keyboard_navigation":"1","jqlb_popup_size_fix":"0"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/plugins/wp-lightbox-2/wp-lightbox-2.min.js?ver=1.3.4.1'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/themes/enfold/js/avia.js?ver=3'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/themes/enfold/js/shortcodes.js?ver=3'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js?ver=2'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/comment-reply.min.js?ver=4.9.5'></script>
<script type='text/javascript' src='http://www.thecryptorealtygroup.com/wp-includes/js/wp-embed.min.js?ver=4.9.5'></script>

Code (markup):

Don't even get me STARTED about the section of mental-huffing-midgetry that does this several dozen times over back-to-back-to-back-to-back:

<script type="text/javascript">jQuery(document).on("ready",function(){if(jQuery(".ihf-modal-container").length===0){jQuery("body").append(jQuery("<div/>",{id:"ihf-main-container","class":"ihf-modal-container ihf-color-scheme-blue"}))}jQuery("#ihf-main-container .modal").detach().appendTo(".ihf-modal-container");var a=jQuery("#ihfSaveSearch");jQuery(".modal").on("show.bs.modal",function(){jQuery("body").addClass("ihf-container-modal")});jQuery(".modal").on("hide.bs.modal",function(){jQuery("body").removeClass("ihf-container-modal")})});</script>

Code (markup):

in terms of raw character counts there are more <script> tags in the markup to load external sources than there should be MARKUP in total (minus content).

Other candidates for what could be screwing things up is mouse.min.js, resizable.min.js, draggable.min.js...

Again, laundry list of how not to build a website, particularly when I'm not seeing ANYTHING being done that warrants the PRESENCE of JavaScript apart from the dynamic map and that stupid malfing space-wasting "where's the beef" slideshow.