Styling the scrollbar for the PDF element on an HTML page

I have a div that contains an object "linked" to a .pdf file.

Is it possible to customize the scrollbar style using CSS or JavaScript/jQuery?

<div id="container">
  <object data="document.pdf" type="application/pdf" width="100%" height="100%">
  </object>
</div>

Another question: I attempted to pass data object this way:

<object data="document.pdf#view=Fit" type="application/pdf" width="100%" height="100%">
</object>

However, the PDF does not fit into the div. What am I doing wrong?

Edit

Starting with a simpler example, I tried to hide the scrollbar following this document, using this code fiddle.

Unfortunately, it did not work.

Could the issue be related to the browser? I am currently using Chrome on Ubuntu.

javascriptjqueryhtmlcsspdf

Answer №1

If you're looking for the answer to your first question, check out this link:

We hope this URL is useful to you.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Tips for removing information from MySql through PHP with the help of jQuery AJAX

I am facing an issue with deleting data from MySQL using PHP and jQuery AJAX. When I try to remove the data by clicking on the remove buttons in remove.php, it doesn't seem to work. <script> $(document).on('click','#remove& ...

phpjqueryajax

Is there a way for me to retrieve props that have been passed through the Vue router within a Vue component?

I have configured a route as shown below: { path: 'fit-details', name: 'fit-details', component: Fitment, props: true }, I am passing props via the route using data from the state: this.$router.push({ path: 'fit-details&a ...

javascriptvue.jsvue-router

Utilizing graphics within the Atom text editor

Hey, I have a bit of a silly question. I can't seem to figure out why these images aren't showing up on my Atom editor. Can anyone help me with this? <body> <div class="top-container"> <img src="images/clou ...

htmlcssimageatom-editor

tips for selecting a specific number of records using an ajax call

My database contains 10,000 records. Using AJAX, I am able to fetch all 10,000 records in JSON format. However, I want to modify the behavior so that it only fetches the first 100 records initially, and then fetches another 100 records on subsequent reques ...

jqueryajaxasp.net-mvcentity-frameworkpagination

"Identifying Mouse Inactivity in React: A Guide to Detecting When the Mouse

I need to dynamically control the visibility of a button element based on mouse movement. I am able to show the button when the mouse is moving using onMouseMove, but I'm stuck on how to hide it when the mouse stops moving. React doesn't have an ...

javascriptreactjsmouseevent

Selecting options in combobox for each row in a table using Angular 2 programmatically

I am currently working on an Angular 2 application using TypeScript. In one of the tables within the application, there is a select control in one of the columns. The contents of this select control are bound to another string array. <table ngContr ...

htmlangulartypescriptcombobox

The title tag's ng-bind should be placed outside of the element

When using ng-bind for the title tag inside the header, it seems to produce unexpected behavior. Here is an example of the code: <title page-title ng-bind="page_title"></title> and this is the resulting output: My Page Sucks <titl ...

javascripthtmlangularangular7ng-bind

Deleting a model using RestAPI and referencing another model

UPDATE: My professor just advised me to access the driver only from within the admin, not from the admin. Currently, I am developing a project that involves using restAPI's, and one of the requirements is that an admin should be able to delete a driv ...

javascriptnode.jsrestexpressmongoose-schema

Generate JSON dynamically using a foreach loop

I am utilizing the jquery flot charts library to visualize my data. Take a look at this example JSFiddle I created demonstrating how the JSON structure required for the chart should be. The data I am working with is sourced from a MySql stored procedure a ...

javascriptphpmysqljsonflot

Troubleshooting issue with ASP.NET AJAX button not triggering

When using AJAX for product search, I encountered an issue with the pagination functionality not firing after receiving the search results in the ShopAjaxSearch.aspx file. ShopAjax.aspx : <div id="demo-2"> <input type="search" placeholder="S ...

c#jqueryasp.netajax

Guidance on establishing an Array data type for a field in GraphQL Type declarations

Hey there! Currently, I'm working on my Nodejs project and facing a little dilemma. Specifically, I am trying to specify the type for graphQL in the code snippet below. However, I seem to be struggling with defining a field that should have a Javascri ...

javascriptnode.jsgraphql

Having Multiple Validation Rulesets with jQuery Validation

I am facing a challenge with a multi-part form that has three different sets of validation rules for each fieldset. The validation rules are defined like this: var paymentValidation = { rules: { "cardInfo.NameOnCard": { ...

jqueryjquery-validatevalidation

Stop the form from refreshing upon submission using an Ajax call in AngularJS

Currently, I am in the process of developing a search form that requires two inputs: Job title and Location. These keywords are used to gather data from various websites. However, upon submitting the form, the page refreshes itself. To prevent this, I have ...

javascriptjqueryhtmlajax

What is the process for creating an Account SAS token for Azure Storage?

My goal is to have access to all containers and blobs in storage. The Account SAS token will be generated server-side within my Node.js code, and the client will obtain it by calling the API I created. While Azure Shell allows manual creation of a SAS toke ...

javascriptnode.jsazureazure-storage

Browser comparison: Chrome and Firefox - peculiar ID name causing table width difference without CSS. Suspected AdBlocking interference

There seems to be an issue with a table I have in Chrome. Whenever I change the ID name, it either sets the width to zero or doesn't display at all. You can view it here: http://jsfiddle.net/kdubs/W6GTE/ The specific line causing trouble is: <ta ...

htmlgoogle-chrome

A guide on retrieving styled text from a database and displaying it in TinyMCE

I am encountering an issue where I need to retrieve formatted text from a database and display it in my TinyMCE editor. The content stored in the database looks like this: <p style="text-align: justify;"><strong>Zdrav&iacute;m</strong ...

javascripttinymce

Issue with rendering HTML tags when replacing strings within Ionic 2 and Angular 2

I am currently working with an array of content in my JSON that includes URLs as plain text. My goal is to detect these text URLs and convert them into actual clickable links. However, I'm facing an issue where even though the URL is properly replaced ...

javascriptangulartypescript

Can the jQuery live function be triggered without the need for an event?

Using the live function in jQuery requires an event to trigger it. More information can be found in the official API documentation. $(".xyz").live('event', function(){ }); I am trying to make the above function run as soon as the dynamicall ...

javascriptjqueryhtml

Steps to modify the servletRequest's content length within a filter

My main objective is to secure the POST body requests sent from my web application to my service by encrypting them. This encryption process takes place within a filter in my system. However, I've encountered an issue related to content length. When ...

javascriptjqueryajaxservletsencryption

Calculate the height of the document in Python by using the function $(document).height()

I am looking to retrieve the height of a document for different URLs, essentially creating a JavaScript function similar to $(document).height() that works across all pages. Any suggestions on how I can accomplish this task? I have experience with Python ...

javascriptjquerypythonselenium-webdriverweb-scraping