Solved

How do i remove the outer scrollbar?

Posted on 2016-11-25
2
57 Views
Last Modified: 2016-11-26
Hello,

I have a map on this webpage and when you click on a marker content is displayed in the sidebar:
http://www.heavenlygardens.org.uk/maps/6/6.html

The content is loaded from a geoJSON file where i have specified individual objects e.g.:
<object type="text/html" data="http://www.heavenlygardens.org.uk/the-churchyards/st-peter-hungate/" width="100%" height="100%"></object>

Open in new window


This displays the content with a scrollbar within a div with scrollbar - how do i remove the outer scrollbar?


Many thanks
0
Comment
Question by:Daniish
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 10

Accepted Solution

by:
Prasadh Baapaat earned 500 total points
ID: 41902164
Hello Daniish,
There is a stylesheet on your server... path is:     http://www.heavenlygardens.org.uk/maps/6/L.Control.Sidebar.css

in that stylesheet on/around line 21 there is a style as below:

.leaflet-sidebar > .leaflet-control

you add a line as below in that rule and the outer scrollbar will be gone

overflow-y: hidden;

Open in new window


or if you dont find the code as above... just add a new rule in your stylesheet like below:

.leaflet-sidebar > .leaflet-control {
     overflow-y: hidden;
}

Open in new window

0
 

Author Closing Comment

by:Daniish
ID: 41902421
Thank you. Your response was very clear.
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS style formatting? 2 35
Link not working 6 43
CSS Scroll Center with Static Side. Like EE does. 2 29
Hta File displays dynamic File names 4 50
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question