How do I reset scroll position of paper-dialog-scrollable?

Content Index :

How do I reset scroll position of paper-dialog-scrollable?
Polymer paper-dialog-scrollable. scroll to the end
Polymer, how to adjust padding to internal div on paper-dialog-scrollable
Polymer 1.x: How to get paper-dialog-scrollable to render and behave when not direct child of paper-dialog
Instruct paper-dialog-scrollable to scroll to bottom
Polymer paper-dialog position

How do I reset scroll position of paper-dialog-scrollable?

Tag : javascript , By : Raghu

Date : November 24 2020, 03:01 PM

I hope this helps you . You can add and event listener iron-overlay-opened in paper-dialog which will fire after the paper-dialog is opened. In that listener you can simply put your code to reset the scroll position of the paper-dialog-scrollable.
Example Code:

<paper-dialog id="scrolling" on-iron-overlay-opened="onIronOverlayOpened">

<paper-dialog-scrollable id="disclaimerScroller">

onIronOverlayOpened(){       
   this.$.disclaimerScroller.$.scrollable.scrollTop = 0;
}

Comments

No Comments Right Now !

Boards Message :

You Must Login Or Sign Up to Add Your Comments .

Share :

Tags :

How do I reset scroll position of paper-dialog-scrollable , Polymer paper-dialog-scrollable. scroll to the end , Instruct paper-dialog-scrollable to scroll to bottom , Polymer 1.x: How to get paper-dialog-scrollable to render and behave when not direct child of paper-dialog , jquery dialog position ,

Polymer paper-dialog-scrollable. scroll to the end

Tag : javascript , By : ralph okochu

Date : March 29 2020, 07:55 AM

like below fixes the issue You can give the paper-dialog-scrollable some id (e.g mypaperscrollable) and

this.mypaperscrollable.$.scrollable.scrollTop = someValueHere

Polymer, how to adjust padding to internal div on paper-dialog-scrollable

Tag : development , By : Heals1ic

Date : March 29 2020, 07:55 AM

should help you out You could use selectors like ::shadow and /deep/ but they are deprecated. If an element doesn't provide the hooks (CSS variables and mixins) then you're basically out of luck and there is non such hook for .scrollable.
What you can do, is to create a feature request in the elements GitHub repo to support additional selectors by mixins.

<dom-module id="scrollable-customization">
 <style>
  .scrollable {
    --paper-dialog-scrollable: {
      padding-left: 0px;
      padding-right: 0px;
    };
  </style>
</dom-module>

var myDomModule = document.createElement('style', 'custom-style');
myDomModule.setAttribute('include', 'scrollable-customization');
Polymer.dom(this.$pdscroll.root).appendChild(myDomModule);

Polymer 1.x: How to get paper-dialog-scrollable to render and behave when not direct child of paper-dialog

Tag : development , By : user94076

Date : March 29 2020, 07:55 AM

it helps some times The docs for paper-dialog-scrollable state:

// template
<paper-dialog id="dialog">
  <div>
    <paper-dialog-scrollable id="scrollable">
      <p>Lorem ipsum dolor sit amet...</p>
    </paper-dialog-scrollable>    
  </div>
</paper-dialog>

// script
Polymer({
  ...
  ready: function() {
    this.$.scrollable.dialogElement = this.$.dialog;
  }
});

Instruct paper-dialog-scrollable to scroll to bottom

Tag : development , By : user123284

Date : March 29 2020, 07:55 AM

hop of those help? As suggested in the link you provided, give the paper-dialog-scrollable some id (e.g pds) and then add the following code:
this.$.pds.$.scrollable.scrollTop = this.$.pds.$.scrollable.scrollHeight;