Skip to content

Releases: YvesCoding/vuescroll

V3.1

26 Jan 06:09
Compare
Choose a tag to compare

Delete:

  • Delete deltaX option property

Add

  • Add rails for scrollbars .

options

  1. railBackground: Set the rail's background

  2. railOpacity: Set the rail's opacicy

Action
You can click or touch the rail to scroll to the position you want.

  • Add padding options for scrollContentStyle
    e.g.
// ...
scrollContentStyle: {
  padding: true
}
// ...

to give a padding to a scroll content to prevent being shaded by scrollbar.

  • Add the global config to set a set of vuescroll styles. To do this, you should change the Vue.prototype.vuescrollConfig e.g.
    Vue.prototype.$vuescrollConfig.hBar.background = "#000";
    Vue.prototype.$vuescrollConfig.scrollContent.padding = true;

All details global configs can be found in docs.

Optimize

  • Optimize scrolling experience both in PC and Mobile.

Remove the unnecessary scrollContent component

23 Jan 03:06
Compare
Choose a tag to compare
V2.7.1

sweaks: remove the 'scrollContent' component

Support the mobile phone

22 Jan 11:04
Compare
Choose a tag to compare

I mainly do the two things:

  • Add a beautiful demo page for you: vuescroll-demo.
  • Support scrolling in the mobile

vuescroll1

Add horizontal scroll

15 Jan 15:40
79ef050
Compare
Choose a tag to compare

Add horizontal scroll

vuescroll

vuescroll 2.0

04 Jan 07:50
cf752ad
Compare
Choose a tag to compare

code restructure.

VueScroll 1.4 release notes

04 Dec 07:02
16969ce
Compare
Choose a tag to compare

1 Simplify the configration.

Before:

<div id="scroll1">
          <div class="scroll" style="position: relative;">
  			<vue-scrollPanel>
  				<vue-scroll-con>
  					<div class="content2">

  					</div>
  				</vue-scroll-con>
  			</vue-scrollPanel>
  			<vue-scroll :ops="ops" @scroll="lookscroll">

  			</vue-scroll>
  		</div>
</div>

Now:

<div id="scroll1">
             <vueScroll :contentWrap="{height:'100%'}">
                 <div class="content2">

		</div>
            </vueScroll>
 </div>

2 Add New Prop contentWrap to controll the style of the content Warp.