vigneshmunisamy / jquery-nicescroll

Automatically exported from code.google.com/p/jquery-nicescroll
0 stars 0 forks source link

it doesn't works with multiple divs? #5

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?

What version of the product are you using? On what operating system?

Please provide any additional information below.

Original issue reported on code.google.com by pablomar...@gmail.com on 31 May 2012 at 1:37

GoogleCodeExporter commented 8 years ago
for example, this code doesn't works to me

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery NiceScroll Test Page</title>
<style type="text/css">

#boxscroll {
    padding: 0px;
    height: 150px;
    width: 190px;
    border: 2px solid #00F;
    overflow: auto;
    margin-bottom:10px;
}

</style>

<script src="js/jquery.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>

<script>

   $(document).ready(function() {

    var nice =  $("#boxscroll").niceScroll({cursorborder:"",cursorcolor:"#00F",boxzoom:true}); 

  });

</script>

<meta name="viewport" content="user-scalable=no" />

</head>

<body>

<div id="boxscroll">
THIS IS A SIMPLE SCROLLABLE DIV
  <h2> Package Description </h2>
  <p>Release Date: August 10, 2010</p>
  <p>The <a title="http://www.openprinting.org/show_driver.cgi?driver=hpijs" rel="nofollow" href="http://www.openprinting.org/show_driver.cgi?driver=hpijs">HPIJS</a> driver is the free, <a title="http://hplipopensource.com/hplip-web/index.html" rel="nofollow" href="http://hplipopensource.com/hplip-web/index.html">open-source driver</a> issued by HP for their DeskJet and LaserJet printers. For most <a title="" href="http://www.linuxfoundation.org/collaborate/workgroups/openprinting/macosx/hpijs#Printers">supported printers</a>,   this driver produces output quality equivalent to the proprietary HP   drivers. In photo mode, with photo paper, the output quality is very   high, especially for the HP DeskJet 990C and later models, which   auto-detect the paper type in hardware. Photo printing is fully   supported in the newer 6- and 7-ink models.</p>
  <p>A major advantage of using this driver over those supplied by HP is   the direct interface between HPIJS and the native CUPS spooler, which   allows printing from any printer over any available connection such as   USB, AppleTalk, TCP/IP (via LPD and IPP), HP JetDirect, and shared   windows printers via SAMBA. Additionally, this driver utilizes the   existing Mac OS X USB "backend" and thus does not install any software   that might interfere with standard USB operation.</p>
  <p>Please note:</p>
  <ul>
    <li>HP does not provide any support for HPLIP or HPIJS on the Mac OS X platform.</li>
    <li><a href="http://www.linuxfoundation.org/en/OpenPrinting/MacOSX/hpijs-USB">Several HP USB devices</a> may not print successfully over the standard Mac OS X USB "backend". Please <a href="http://www.linuxfoundation.org/en/OpenPrinting/MacOSX/hpijs-USB">see this note</a> for more information.</li>
  </ul>
  <h2>Release Notes</h2>
  <ul>
    <li>This release fixes a problem with the PPDs that caused many job   options such as page orientation, color/grayscale mode, duplex printing,   etc. to fail.</li>
    <li>HPIJS is HP's universal printer driver for most of their   non-PostScript printers. It comes as a part of HPLIP, HP Linux Imaging   and Printing.</li>
    <li>The PPDs for HP printers are now sourced from the HPLIP package rather than the OpenPrinting.org database.</li>
    <li>PPDs for printers from other manufacturers are provided by OpenPrinting.org.</li>
    <li>Some printers are only partially supported.  Printers such as<br />
      HP LaserJet 1022<br />
      HP LaserJet p1505n<br />
      HP LaserJet p12014<br />
      HP LaserJet p2035<br />
      require a proprietary plug-in for full support.  This package does not contain or support such plug-ins.</li>
  </ul>
  <p><a name="Printer_Set_Up_Instructions" id="Printer_Set_Up_Instructions"></a></p>
  <h2> Printer Set Up Instructions </h2>
  <p>To add a printer queue, Leopard (Mac OS X 10.5.x) users should use   the Print & Fax from System Preferences. Click on the + (plus) icon   at the lower left. A new window will open. In that window, click the   Default Browser icon at the top left. Highlight your printer in the   section below. Use the "Print Using" pop-up menu near the bottom of the   window to select the correct PPD for your printer and click Add.</p>
  <p>Tiger users should open the Printer Setup Utility and click on the   Add icon at the top of the Printer List window. A new window will open.   In that window, click the Default Browser icon at the top left.   Highlight your printer in the section below. Use the "Print Using"   pop-up menu near the bottom of the window to select the correct PPD for   your printer and click Add.</p>
  <p>Jaguar (OS X 10.2.x) and Panther (OS X 10.3.x) users should open   Print Center (Jaguar) or Printer Setup Utility (Panther), hold down the   Option key, and click the Add Printer button in the Print Center   toolbar. Within the setup sheet, choose Advanced from the top popup   menu; then in the "Device:" popup menu select your printer by name (it   should be the last item in the menu list). Finally, select the correct   PPD from the model browser and click Add.</p>
</div>

<div id="boxscroll">
THIS IS A SIMPLE SCROLLABLE DIV
  <h2> Package Description </h2>
  <p>Release Date: August 10, 2010</p>
  <p>The <a title="http://www.openprinting.org/show_driver.cgi?driver=hpijs" rel="nofollow" href="http://www.openprinting.org/show_driver.cgi?driver=hpijs">HPIJS</a> driver is the free, <a title="http://hplipopensource.com/hplip-web/index.html" rel="nofollow" href="http://hplipopensource.com/hplip-web/index.html">open-source driver</a> issued by HP for their DeskJet and LaserJet printers. For most <a title="" href="http://www.linuxfoundation.org/collaborate/workgroups/openprinting/macosx/hpijs#Printers">supported printers</a>,   this driver produces output quality equivalent to the proprietary HP   drivers. In photo mode, with photo paper, the output quality is very   high, especially for the HP DeskJet 990C and later models, which   auto-detect the paper type in hardware. Photo printing is fully   supported in the newer 6- and 7-ink models.</p>
  <p>A major advantage of using this driver over those supplied by HP is   the direct interface between HPIJS and the native CUPS spooler, which   allows printing from any printer over any available connection such as   USB, AppleTalk, TCP/IP (via LPD and IPP), HP JetDirect, and shared   windows printers via SAMBA. Additionally, this driver utilizes the   existing Mac OS X USB "backend" and thus does not install any software   that might interfere with standard USB operation.</p>
  <p>Please note:</p>
  <ul>
    <li>HP does not provide any support for HPLIP or HPIJS on the Mac OS X platform.</li>
    <li><a href="http://www.linuxfoundation.org/en/OpenPrinting/MacOSX/hpijs-USB">Several HP USB devices</a> may not print successfully over the standard Mac OS X USB "backend". Please <a href="http://www.linuxfoundation.org/en/OpenPrinting/MacOSX/hpijs-USB">see this note</a> for more information.</li>
  </ul>
  <h2>Release Notes</h2>
  <ul>
    <li>This release fixes a problem with the PPDs that caused many job   options such as page orientation, color/grayscale mode, duplex printing,   etc. to fail.</li>
    <li>HPIJS is HP's universal printer driver for most of their   non-PostScript printers. It comes as a part of HPLIP, HP Linux Imaging   and Printing.</li>
    <li>The PPDs for HP printers are now sourced from the HPLIP package rather than the OpenPrinting.org database.</li>
    <li>PPDs for printers from other manufacturers are provided by OpenPrinting.org.</li>
    <li>Some printers are only partially supported.  Printers such as<br />
      HP LaserJet 1022<br />
      HP LaserJet p1505n<br />
      HP LaserJet p12014<br />
      HP LaserJet p2035<br />
      require a proprietary plug-in for full support.  This package does not contain or support such plug-ins.</li>
  </ul>
  <p><a name="Printer_Set_Up_Instructions" id="Printer_Set_Up_Instructions"></a></p>
  <h2> Printer Set Up Instructions </h2>
  <p>To add a printer queue, Leopard (Mac OS X 10.5.x) users should use   the Print & Fax from System Preferences. Click on the + (plus) icon   at the lower left. A new window will open. In that window, click the   Default Browser icon at the top left. Highlight your printer in the   section below. Use the "Print Using" pop-up menu near the bottom of the   window to select the correct PPD for your printer and click Add.</p>
  <p>Tiger users should open the Printer Setup Utility and click on the   Add icon at the top of the Printer List window. A new window will open.   In that window, click the Default Browser icon at the top left.   Highlight your printer in the section below. Use the "Print Using"   pop-up menu near the bottom of the window to select the correct PPD for   your printer and click Add.</p>
  <p>Jaguar (OS X 10.2.x) and Panther (OS X 10.3.x) users should open   Print Center (Jaguar) or Printer Setup Utility (Panther), hold down the   Option key, and click the Add Printer button in the Print Center   toolbar. Within the setup sheet, choose Advanced from the top popup   menu; then in the "Device:" popup menu select your printer by name (it   should be the last item in the menu list). Finally, select the correct   PPD from the model browser and click Add.</p>
</div>

<div id="boxscroll">
THIS IS A SIMPLE SCROLLABLE DIV
  <h2> Package Description </h2>
  <p>Release Date: August 10, 2010</p>
  <p>The <a title="http://www.openprinting.org/show_driver.cgi?driver=hpijs" rel="nofollow" href="http://www.openprinting.org/show_driver.cgi?driver=hpijs">HPIJS</a> driver is the free, <a title="http://hplipopensource.com/hplip-web/index.html" rel="nofollow" href="http://hplipopensource.com/hplip-web/index.html">open-source driver</a> issued by HP for their DeskJet and LaserJet printers. For most <a title="" href="http://www.linuxfoundation.org/collaborate/workgroups/openprinting/macosx/hpijs#Printers">supported printers</a>,   this driver produces output quality equivalent to the proprietary HP   drivers. In photo mode, with photo paper, the output quality is very   high, especially for the HP DeskJet 990C and later models, which   auto-detect the paper type in hardware. Photo printing is fully   supported in the newer 6- and 7-ink models.</p>
  <p>A major advantage of using this driver over those supplied by HP is   the direct interface between HPIJS and the native CUPS spooler, which   allows printing from any printer over any available connection such as   USB, AppleTalk, TCP/IP (via LPD and IPP), HP JetDirect, and shared   windows printers via SAMBA. Additionally, this driver utilizes the   existing Mac OS X USB "backend" and thus does not install any software   that might interfere with standard USB operation.</p>
  <p>Please note:</p>
  <ul>
    <li>HP does not provide any support for HPLIP or HPIJS on the Mac OS X platform.</li>
    <li><a href="http://www.linuxfoundation.org/en/OpenPrinting/MacOSX/hpijs-USB">Several HP USB devices</a> may not print successfully over the standard Mac OS X USB "backend". Please <a href="http://www.linuxfoundation.org/en/OpenPrinting/MacOSX/hpijs-USB">see this note</a> for more information.</li>
  </ul>
  <h2>Release Notes</h2>
  <ul>
    <li>This release fixes a problem with the PPDs that caused many job   options such as page orientation, color/grayscale mode, duplex printing,   etc. to fail.</li>
    <li>HPIJS is HP's universal printer driver for most of their   non-PostScript printers. It comes as a part of HPLIP, HP Linux Imaging   and Printing.</li>
    <li>The PPDs for HP printers are now sourced from the HPLIP package rather than the OpenPrinting.org database.</li>
    <li>PPDs for printers from other manufacturers are provided by OpenPrinting.org.</li>
    <li>Some printers are only partially supported.  Printers such as<br />
      HP LaserJet 1022<br />
      HP LaserJet p1505n<br />
      HP LaserJet p12014<br />
      HP LaserJet p2035<br />
      require a proprietary plug-in for full support.  This package does not contain or support such plug-ins.</li>
  </ul>
  <p><a name="Printer_Set_Up_Instructions" id="Printer_Set_Up_Instructions"></a></p>
  <h2> Printer Set Up Instructions </h2>
  <p>To add a printer queue, Leopard (Mac OS X 10.5.x) users should use   the Print & Fax from System Preferences. Click on the + (plus) icon   at the lower left. A new window will open. In that window, click the   Default Browser icon at the top left. Highlight your printer in the   section below. Use the "Print Using" pop-up menu near the bottom of the   window to select the correct PPD for your printer and click Add.</p>
  <p>Tiger users should open the Printer Setup Utility and click on the   Add icon at the top of the Printer List window. A new window will open.   In that window, click the Default Browser icon at the top left.   Highlight your printer in the section below. Use the "Print Using"   pop-up menu near the bottom of the window to select the correct PPD for   your printer and click Add.</p>
  <p>Jaguar (OS X 10.2.x) and Panther (OS X 10.3.x) users should open   Print Center (Jaguar) or Printer Setup Utility (Panther), hold down the   Option key, and click the Add Printer button in the Print Center   toolbar. Within the setup sheet, choose Advanced from the top popup   menu; then in the "Device:" popup menu select your printer by name (it   should be the last item in the menu list). Finally, select the correct   PPD from the model browser and click Add.</p>
</div>

</body>
</html>

Original comment by pablomar...@gmail.com on 31 May 2012 at 1:39

GoogleCodeExporter commented 8 years ago
only works the first div

Original comment by pablomar...@gmail.com on 31 May 2012 at 1:40

GoogleCodeExporter commented 8 years ago
this scroll is nice, easy and atylish
congratulations!

Original comment by pablomar...@gmail.com on 31 May 2012 at 1:44

GoogleCodeExporter commented 8 years ago
The problem is ID.
You can assign only unique ID to divs.
You 3 divs with same ID, it's not correct.
You have to assing boxscroll, boxscroll2 and boxscroll3 so every divs have a 
unique ID.

Original comment by inuya...@gmail.com on 30 Jul 2012 at 7:01

GoogleCodeExporter commented 8 years ago

Original comment by inuya...@gmail.com on 17 Dec 2012 at 8:40