Styjun

Improve quality of image bars

How to find location on Cambridge-Mildenhall railway that still has tracks/rails?

Strategy to pay off revolving debt while building reserve savings fund?

What details should I consider before agreeing for part of my salary to be 'retained' by employer?

Use chown -R while excluding one or two files

Generating a PIN from cryptographic bytes

ArcPy Delete Function not working inside for loop?

Movie where a man was put into a computer before death, wife doesn't trust him anymore

Is passive Investigation essentially truesight against illusions?

Wordplay addition paradox

A verb to describe specific positioning of three layers

Why is Google approaching my VPS machine?

What is the point of a constraint expression on a non-templated function?

Why do so many pure math PhD students drop out or leave academia, compared to applied mathematics PhDs?

Why did Steve Rogers choose this character in Endgame?

Is it legal for a supermarket to refuse to sell an adult beer if an adult with them doesn’t have their ID?

Did 007 exist before James Bond?

Does this sentence I constructed with my junior high school latin work? I write online advertising and want to come off as snobby as possible

How many bits in the resultant hash will change, if the x bits are changed in its the original input?

Is there an English equivalent for "Les carottes sont cuites", while keeping the vegetable reference?

How to remove the first colon ':' from a timestamp?

''Habitable'' planet close to a star

Is the purpose of sheet music to be played along to? Or a guide for learning and reference during playing?

Sending a photo of my bank account card to the future employer

How to add ScrollBar on wordpress front page

How to horizontally center a <div>?How do I give text or an image a transparent background using CSS?How do I modify the URL without reloading the page?How to disable text selection highlighting?How to check whether a checkbox is checked in jQuery?How to make a div 100% height of the browser windowHiding the scroll bar on an HTML pageHow to disable resizable property of textarea?How do I vertically center text with CSS?Make body 100% height of browser window

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

-2

I want to add a scroll bar to the page with directional buttons

html 
 position: fixed;
 height: 100%;
 overflow: hidden;


body 
 font-family: sans-serif;
 margin: 0;
 width: 100vw;
 height: 100vh;
 overflow-y: auto;
 overflow-x: hidden;
 -webkit-overflow-scrolling: touch;


.color-picker-main-container 
 width: 100%;
 font-size: 22px;
 padding-bottom: 110px;


footer 
 position: relative;

html css scrollbar

share|improve this question

edited Mar 25 at 14:25

barbsan

2,82388 gold badges1515 silver badges2424 bronze badges

asked Mar 25 at 14:17

Ayodele HazeleyAyodele Hazeley

311 bronze badge

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Can you also share your HTML code? Thanks
  
  – Hassan Siddiqui
  Mar 25 at 14:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I am using wordpress; this is the additional CSS code; I want to add a scrollbar within this code
  
  – Ayodele Hazeley
  Mar 25 at 15:18
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Have you deployed your code on any server? If yes then share the link. Thanks
  
  – Hassan Siddiqui
  Mar 25 at 15:19
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  trackyourbuild.com
  
  – Ayodele Hazeley
  Mar 25 at 15:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I think you are using any third-party plugin for the scroll. The issue appeared because of that plugin it actually disabled the default scroll and for somehow the plugin scroll not working.
  
  – Hassan Siddiqui
  Mar 25 at 16:15
  

  
  
  
  

 | 
show 3 more comments

-2

I want to add a scroll bar to the page with directional buttons

html 
 position: fixed;
 height: 100%;
 overflow: hidden;


body 
 font-family: sans-serif;
 margin: 0;
 width: 100vw;
 height: 100vh;
 overflow-y: auto;
 overflow-x: hidden;
 -webkit-overflow-scrolling: touch;


.color-picker-main-container 
 width: 100%;
 font-size: 22px;
 padding-bottom: 110px;


footer 
 position: relative;

html css scrollbar

share|improve this question

edited Mar 25 at 14:25

barbsan

2,82388 gold badges1515 silver badges2424 bronze badges

asked Mar 25 at 14:17

Ayodele HazeleyAyodele Hazeley

311 bronze badge

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Can you also share your HTML code? Thanks
  
  – Hassan Siddiqui
  Mar 25 at 14:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I am using wordpress; this is the additional CSS code; I want to add a scrollbar within this code
  
  – Ayodele Hazeley
  Mar 25 at 15:18
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Have you deployed your code on any server? If yes then share the link. Thanks
  
  – Hassan Siddiqui
  Mar 25 at 15:19
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  trackyourbuild.com
  
  – Ayodele Hazeley
  Mar 25 at 15:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I think you are using any third-party plugin for the scroll. The issue appeared because of that plugin it actually disabled the default scroll and for somehow the plugin scroll not working.
  
  – Hassan Siddiqui
  Mar 25 at 16:15
  

  
  
  
  

 | 
show 3 more comments

I want to add a scroll bar to the page with directional buttons

html 
 position: fixed;
 height: 100%;
 overflow: hidden;


body 
 font-family: sans-serif;
 margin: 0;
 width: 100vw;
 height: 100vh;
 overflow-y: auto;
 overflow-x: hidden;
 -webkit-overflow-scrolling: touch;


.color-picker-main-container 
 width: 100%;
 font-size: 22px;
 padding-bottom: 110px;


footer 
 position: relative;

html css scrollbar

share|improve this question

edited Mar 25 at 14:25

barbsan

2,82388 gold badges1515 silver badges2424 bronze badges

asked Mar 25 at 14:17

Ayodele HazeleyAyodele Hazeley

311 bronze badge

html 
 position: fixed;
 height: 100%;
 overflow: hidden;


body 
 font-family: sans-serif;
 margin: 0;
 width: 100vw;
 height: 100vh;
 overflow-y: auto;
 overflow-x: hidden;
 -webkit-overflow-scrolling: touch;


.color-picker-main-container 
 width: 100%;
 font-size: 22px;
 padding-bottom: 110px;


footer 
 position: relative;

share|improve this question

edited Mar 25 at 14:25

barbsan

2,82388 gold badges1515 silver badges2424 bronze badges

asked Mar 25 at 14:17

Ayodele HazeleyAyodele Hazeley

311 bronze badge

share|improve this question

edited Mar 25 at 14:25

barbsan

2,82388 gold badges1515 silver badges2424 bronze badges

asked Mar 25 at 14:17

Ayodele HazeleyAyodele Hazeley

311 bronze badge

edited Mar 25 at 14:25

barbsan

2,82388 gold badges1515 silver badges2424 bronze badges

edited Mar 25 at 14:25

barbsan

2,82388 gold badges1515 silver badges2424 bronze badges

asked Mar 25 at 14:17

Ayodele HazeleyAyodele Hazeley

311 bronze badge

asked Mar 25 at 14:17

Ayodele HazeleyAyodele Hazeley

311 bronze badge

1 Answer
1

active

oldest

votes

0

Just add !important in overflow: hidden will resolve your issue. Thanks

html 
 position: fixed;
 height: 100%;
 overflow: hidden !important;

share|improve this answer

answered Mar 26 at 9:13

Hassan SiddiquiHassan Siddiqui

1,97911 gold badge77 silver badges1515 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank you very much
  
  – Ayodele Hazeley
  Mar 26 at 9:46
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55339888%2fhow-to-add-scrollbar-on-wordpress-front-page%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

Just add !important in overflow: hidden will resolve your issue. Thanks

html 
 position: fixed;
 height: 100%;
 overflow: hidden !important;

share|improve this answer

answered Mar 26 at 9:13

Hassan SiddiquiHassan Siddiqui

1,97911 gold badge77 silver badges1515 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank you very much
  
  – Ayodele Hazeley
  Mar 26 at 9:46
  

  
  
  
  

add a comment | 

0

Just add !important in overflow: hidden will resolve your issue. Thanks

html 
 position: fixed;
 height: 100%;
 overflow: hidden !important;

share|improve this answer

answered Mar 26 at 9:13

Hassan SiddiquiHassan Siddiqui

1,97911 gold badge77 silver badges1515 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank you very much
  
  – Ayodele Hazeley
  Mar 26 at 9:46
  

  
  
  
  

add a comment | 

Just add !important in overflow: hidden will resolve your issue. Thanks

html 
 position: fixed;
 height: 100%;
 overflow: hidden !important;

share|improve this answer

answered Mar 26 at 9:13

Hassan SiddiquiHassan Siddiqui

1,97911 gold badge77 silver badges1515 bronze badges

html 
 position: fixed;
 height: 100%;
 overflow: hidden !important;

share|improve this answer

answered Mar 26 at 9:13

Hassan SiddiquiHassan Siddiqui

1,97911 gold badge77 silver badges1515 bronze badges

answered Mar 26 at 9:13

Hassan SiddiquiHassan Siddiqui

1,97911 gold badge77 silver badges1515 bronze badges

answered Mar 26 at 9:13

Hassan SiddiquiHassan Siddiqui

1,97911 gold badge77 silver badges1515 bronze badges